@jigowatts/jigowatts-ui 1.2.2 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/index10.css +1 -1
- package/dist/assets/index11.css +1 -1
- package/dist/assets/index12.css +1 -1
- package/dist/assets/index13.css +1 -1
- package/dist/assets/index14.css +1 -1
- package/dist/assets/index15.css +1 -1
- package/dist/assets/index16.css +1 -1
- package/dist/assets/index17.css +1 -1
- package/dist/assets/index18.css +1 -1
- package/dist/assets/index19.css +1 -1
- package/dist/assets/index20.css +1 -1
- package/dist/assets/index21.css +1 -1
- package/dist/assets/index22.css +1 -1
- package/dist/assets/index23.css +1 -1
- package/dist/assets/index24.css +1 -1
- package/dist/assets/index25.css +1 -1
- package/dist/assets/index26.css +1 -1
- package/dist/assets/index27.css +1 -1
- package/dist/assets/index28.css +1 -1
- package/dist/assets/index29.css +1 -1
- package/dist/assets/index30.css +1 -1
- package/dist/assets/index31.css +1 -1
- package/dist/assets/index32.css +1 -1
- package/dist/assets/index7.css +1 -1
- package/dist/assets/index8.css +1 -1
- package/dist/assets/index9.css +1 -1
- package/dist/components/Button/index.cjs.js.map +1 -1
- package/dist/components/Button/index.es.js.map +1 -1
- package/dist/components/Button/index.test.cjs.js +1 -1
- package/dist/components/Button/index.test.cjs.js.map +1 -1
- package/dist/components/Button/index.test.es.js +1 -1
- package/dist/components/Button/index.test.es.js.map +1 -1
- package/dist/components/Card/index.cjs.js +1 -1
- package/dist/components/Card/index.cjs.js.map +1 -1
- package/dist/components/Card/index.es.js +1 -1
- package/dist/components/Card/index.es.js.map +1 -1
- package/dist/components/Card/index.test.cjs.js +1 -1
- package/dist/components/Card/index.test.cjs.js.map +1 -1
- package/dist/components/Card/index.test.es.js +1 -1
- package/dist/components/Card/index.test.es.js.map +1 -1
- package/dist/components/CardWithTitle/index.cjs.js +1 -1
- package/dist/components/CardWithTitle/index.cjs.js.map +1 -1
- package/dist/components/CardWithTitle/index.es.js +1 -1
- package/dist/components/CardWithTitle/index.es.js.map +1 -1
- package/dist/components/CardWithTitle/index.test.cjs.js +1 -1
- package/dist/components/CardWithTitle/index.test.cjs.js.map +1 -1
- package/dist/components/CardWithTitle/index.test.es.js +2 -2
- package/dist/components/CardWithTitle/index.test.es.js.map +1 -1
- package/dist/components/CopyableBox/index.cjs.js +2 -0
- package/dist/components/CopyableBox/index.cjs.js.map +1 -0
- package/dist/components/CopyableBox/index.d.ts +23 -0
- package/dist/components/CopyableBox/index.es.js +46 -0
- package/dist/components/CopyableBox/index.es.js.map +1 -0
- package/dist/components/CopyableBox/index.test.cjs.js +2 -0
- package/dist/components/CopyableBox/index.test.cjs.js.map +1 -0
- package/dist/components/CopyableBox/index.test.d.ts +1 -0
- package/dist/components/CopyableBox/index.test.es.js +39 -0
- package/dist/components/CopyableBox/index.test.es.js.map +1 -0
- package/dist/components/CustomLink/index.cjs.js +1 -1
- package/dist/components/CustomLink/index.cjs.js.map +1 -1
- package/dist/components/CustomLink/index.es.js +1 -1
- package/dist/components/CustomLink/index.es.js.map +1 -1
- package/dist/components/CustomLink/index.test.cjs.js +1 -1
- package/dist/components/CustomLink/index.test.cjs.js.map +1 -1
- package/dist/components/CustomLink/index.test.es.js +2 -2
- package/dist/components/CustomLink/index.test.es.js.map +1 -1
- package/dist/components/DataTable/index.cjs.js +1 -1
- package/dist/components/DataTable/index.cjs.js.map +1 -1
- package/dist/components/DataTable/index.es.js +1 -1
- package/dist/components/DataTable/index.es.js.map +1 -1
- package/dist/components/DataTable/index.test.cjs.js +1 -1
- package/dist/components/DataTable/index.test.cjs.js.map +1 -1
- package/dist/components/DataTable/index.test.es.js +3 -3
- package/dist/components/DataTable/index.test.es.js.map +1 -1
- package/dist/components/DatePickerController/index.cjs.js +1 -1
- package/dist/components/DatePickerController/index.cjs.js.map +1 -1
- package/dist/components/DatePickerController/index.d.ts +1 -0
- package/dist/components/DatePickerController/index.es.js +1 -1
- package/dist/components/DatePickerController/index.es.js.map +1 -1
- package/dist/components/DatePickerController/index.test.cjs.js +1 -1
- package/dist/components/DatePickerController/index.test.cjs.js.map +1 -1
- package/dist/components/DatePickerController/index.test.es.js +1 -1
- package/dist/components/DatePickerController/index.test.es.js.map +1 -1
- package/dist/components/ErrorMessage/index.cjs.js +1 -1
- package/dist/components/ErrorMessage/index.cjs.js.map +1 -1
- package/dist/components/ErrorMessage/index.es.js +1 -1
- package/dist/components/ErrorMessage/index.es.js.map +1 -1
- package/dist/components/ErrorMessage/index.test.cjs.js +1 -1
- package/dist/components/ErrorMessage/index.test.cjs.js.map +1 -1
- package/dist/components/ErrorMessage/index.test.es.js +2 -2
- package/dist/components/ErrorMessage/index.test.es.js.map +1 -1
- package/dist/components/EvseStateLabel/index.cjs.js +1 -1
- package/dist/components/EvseStateLabel/index.cjs.js.map +1 -1
- package/dist/components/EvseStateLabel/index.es.js +1 -1
- package/dist/components/EvseStateLabel/index.es.js.map +1 -1
- package/dist/components/FlexButtons/index.cjs.js +1 -1
- package/dist/components/FlexButtons/index.cjs.js.map +1 -1
- package/dist/components/FlexButtons/index.es.js +1 -1
- package/dist/components/FlexButtons/index.es.js.map +1 -1
- package/dist/components/FlexButtons/index.test.cjs.js +1 -1
- package/dist/components/FlexButtons/index.test.cjs.js.map +1 -1
- package/dist/components/FlexButtons/index.test.es.js +2 -2
- package/dist/components/FlexButtons/index.test.es.js.map +1 -1
- package/dist/components/Form/index.cjs.js +1 -1
- package/dist/components/Form/index.cjs.js.map +1 -1
- package/dist/components/Form/index.es.js +1 -1
- package/dist/components/Form/index.es.js.map +1 -1
- package/dist/components/Form/index.test.cjs.js +1 -1
- package/dist/components/Form/index.test.cjs.js.map +1 -1
- package/dist/components/Form/index.test.es.js +2 -2
- package/dist/components/Form/index.test.es.js.map +1 -1
- package/dist/components/FormItem/index.cjs.js +1 -1
- package/dist/components/FormItem/index.cjs.js.map +1 -1
- package/dist/components/FormItem/index.es.js +1 -1
- package/dist/components/FormItem/index.es.js.map +1 -1
- package/dist/components/FormItem/index.test.cjs.js +1 -1
- package/dist/components/FormItem/index.test.cjs.js.map +1 -1
- package/dist/components/FormItem/index.test.es.js +2 -2
- package/dist/components/FormItem/index.test.es.js.map +1 -1
- package/dist/components/FormTitle/index.cjs.js +1 -1
- package/dist/components/FormTitle/index.cjs.js.map +1 -1
- package/dist/components/FormTitle/index.es.js +1 -1
- package/dist/components/FormTitle/index.es.js.map +1 -1
- package/dist/components/FormTitle/index.test.cjs.js +1 -1
- package/dist/components/FormTitle/index.test.cjs.js.map +1 -1
- package/dist/components/FormTitle/index.test.es.js +2 -2
- package/dist/components/FormTitle/index.test.es.js.map +1 -1
- package/dist/components/HStack/index.cjs.js +1 -1
- package/dist/components/HStack/index.cjs.js.map +1 -1
- package/dist/components/HStack/index.es.js +1 -1
- package/dist/components/HStack/index.es.js.map +1 -1
- package/dist/components/HStack/index.test.cjs.js +1 -1
- package/dist/components/HStack/index.test.cjs.js.map +1 -1
- package/dist/components/HStack/index.test.es.js +2 -2
- package/dist/components/HStack/index.test.es.js.map +1 -1
- package/dist/components/HtmlRenderer/index.cjs.js +1 -1
- package/dist/components/HtmlRenderer/index.es.js +1 -1
- package/dist/components/HtmlRenderer/index.test.cjs.js +1 -1
- package/dist/components/HtmlRenderer/index.test.cjs.js.map +1 -1
- package/dist/components/HtmlRenderer/index.test.es.js +2 -2
- package/dist/components/HtmlRenderer/index.test.es.js.map +1 -1
- package/dist/components/Input/index.cjs.js +1 -1
- package/dist/components/Input/index.cjs.js.map +1 -1
- package/dist/components/Input/index.es.js +1 -1
- package/dist/components/Input/index.es.js.map +1 -1
- package/dist/components/Input/index.test.cjs.js +1 -1
- package/dist/components/Input/index.test.cjs.js.map +1 -1
- package/dist/components/Input/index.test.es.js +1 -1
- package/dist/components/Input/index.test.es.js.map +1 -1
- package/dist/components/InputController/index.cjs.js.map +1 -1
- package/dist/components/InputController/index.es.js.map +1 -1
- package/dist/components/InputController/index.test.cjs.js +1 -1
- package/dist/components/InputController/index.test.cjs.js.map +1 -1
- package/dist/components/InputController/index.test.es.js +1 -1
- package/dist/components/InputController/index.test.es.js.map +1 -1
- package/dist/components/InputGroup/index.cjs.js +1 -1
- package/dist/components/InputGroup/index.cjs.js.map +1 -1
- package/dist/components/InputGroup/index.es.js +1 -1
- package/dist/components/InputGroup/index.es.js.map +1 -1
- package/dist/components/InputGroup/index.test.cjs.js +1 -1
- package/dist/components/InputGroup/index.test.cjs.js.map +1 -1
- package/dist/components/InputGroup/index.test.es.js +2 -2
- package/dist/components/InputGroup/index.test.es.js.map +1 -1
- package/dist/components/Label/index.cjs.js +1 -1
- package/dist/components/Label/index.cjs.js.map +1 -1
- package/dist/components/Label/index.es.js +1 -1
- package/dist/components/Label/index.es.js.map +1 -1
- package/dist/components/Label/index.test.cjs.js +1 -1
- package/dist/components/Label/index.test.cjs.js.map +1 -1
- package/dist/components/Label/index.test.es.js +2 -2
- package/dist/components/Label/index.test.es.js.map +1 -1
- package/dist/components/LabeledContent/index.cjs.js +1 -1
- package/dist/components/LabeledContent/index.cjs.js.map +1 -1
- package/dist/components/LabeledContent/index.es.js +1 -1
- package/dist/components/LabeledContent/index.es.js.map +1 -1
- package/dist/components/LabeledContent/index.test.cjs.js +1 -1
- package/dist/components/LabeledContent/index.test.cjs.js.map +1 -1
- package/dist/components/LabeledContent/index.test.es.js +1 -1
- package/dist/components/LabeledContent/index.test.es.js.map +1 -1
- package/dist/components/LoadingOverlay/index.cjs.js +1 -1
- package/dist/components/LoadingOverlay/index.cjs.js.map +1 -1
- package/dist/components/LoadingOverlay/index.es.js +1 -1
- package/dist/components/LoadingOverlay/index.es.js.map +1 -1
- package/dist/components/LoadingOverlay/index.test.cjs.js +1 -1
- package/dist/components/LoadingOverlay/index.test.cjs.js.map +1 -1
- package/dist/components/LoadingOverlay/index.test.es.js +2 -2
- package/dist/components/LoadingOverlay/index.test.es.js.map +1 -1
- package/dist/components/Map/index.cjs.js +2 -2
- package/dist/components/Map/index.cjs.js.map +1 -1
- package/dist/components/Map/index.es.js +709 -716
- package/dist/components/Map/index.es.js.map +1 -1
- package/dist/components/MaxWidthContainer/index.cjs.js +1 -1
- package/dist/components/MaxWidthContainer/index.cjs.js.map +1 -1
- package/dist/components/MaxWidthContainer/index.es.js +1 -1
- package/dist/components/MaxWidthContainer/index.es.js.map +1 -1
- package/dist/components/MaxWidthContainer/index.test.cjs.js +1 -1
- package/dist/components/MaxWidthContainer/index.test.cjs.js.map +1 -1
- package/dist/components/MaxWidthContainer/index.test.es.js +2 -2
- package/dist/components/MaxWidthContainer/index.test.es.js.map +1 -1
- package/dist/components/NumericFieldController/index.cjs.js.map +1 -1
- package/dist/components/NumericFieldController/index.d.ts +1 -0
- package/dist/components/NumericFieldController/index.es.js.map +1 -1
- package/dist/components/NumericFieldController/index.test.cjs.js +1 -1
- package/dist/components/NumericFieldController/index.test.cjs.js.map +1 -1
- package/dist/components/NumericFieldController/index.test.es.js +1 -1
- package/dist/components/NumericFieldController/index.test.es.js.map +1 -1
- package/dist/components/OfflineLabel/index.cjs.js +1 -1
- package/dist/components/OfflineLabel/index.cjs.js.map +1 -1
- package/dist/components/OfflineLabel/index.es.js +1 -1
- package/dist/components/OfflineLabel/index.es.js.map +1 -1
- package/dist/components/PageSizeSelector/index.cjs.js +1 -1
- package/dist/components/PageSizeSelector/index.cjs.js.map +1 -1
- package/dist/components/PageSizeSelector/index.es.js +2 -2
- package/dist/components/PageSizeSelector/index.es.js.map +1 -1
- package/dist/components/Pagination/index.cjs.js +2 -2
- package/dist/components/Pagination/index.cjs.js.map +1 -1
- package/dist/components/Pagination/index.es.js +17 -17
- package/dist/components/Pagination/index.es.js.map +1 -1
- package/dist/components/Pagination/index.test.cjs.js +1 -1
- package/dist/components/Pagination/index.test.cjs.js.map +1 -1
- package/dist/components/Pagination/index.test.es.js +1 -1
- package/dist/components/Pagination/index.test.es.js.map +1 -1
- package/dist/components/PasswordInputController/index.cjs.js.map +1 -1
- package/dist/components/PasswordInputController/index.es.js.map +1 -1
- package/dist/components/PasswordInputController/index.test.cjs.js +1 -1
- package/dist/components/PasswordInputController/index.test.cjs.js.map +1 -1
- package/dist/components/PasswordInputController/index.test.es.js +1 -1
- package/dist/components/PasswordInputController/index.test.es.js.map +1 -1
- package/dist/components/RadioButton/index.cjs.js +1 -1
- package/dist/components/RadioButton/index.es.js +1 -1
- package/dist/components/RadioButton/index.test.cjs.js +1 -1
- package/dist/components/RadioButton/index.test.cjs.js.map +1 -1
- package/dist/components/RadioButton/index.test.es.js +3 -3
- package/dist/components/RadioButton/index.test.es.js.map +1 -1
- package/dist/components/RadioGroupController/index.cjs.js.map +1 -1
- package/dist/components/RadioGroupController/index.es.js.map +1 -1
- package/dist/components/RadioGroupController/index.test.cjs.js +1 -1
- package/dist/components/RadioGroupController/index.test.cjs.js.map +1 -1
- package/dist/components/RadioGroupController/index.test.es.js +1 -1
- package/dist/components/RadioGroupController/index.test.es.js.map +1 -1
- package/dist/components/RangeDatePicker/index.cjs.js +1 -1
- package/dist/components/RangeDatePicker/index.cjs.js.map +1 -1
- package/dist/components/RangeDatePicker/index.es.js +1 -1
- package/dist/components/RangeDatePicker/index.es.js.map +1 -1
- package/dist/components/RangeDatePickerController/index.cjs.js.map +1 -1
- package/dist/components/RangeDatePickerController/index.es.js.map +1 -1
- package/dist/components/RangeDatePickerController/index.test.cjs.js +1 -1
- package/dist/components/RangeDatePickerController/index.test.cjs.js.map +1 -1
- package/dist/components/RangeDatePickerController/index.test.es.js +1 -1
- package/dist/components/RangeDatePickerController/index.test.es.js.map +1 -1
- package/dist/components/ReportCard/index.cjs.js +1 -1
- package/dist/components/ReportCard/index.cjs.js.map +1 -1
- package/dist/components/ReportCard/index.es.js +1 -1
- package/dist/components/ReportCard/index.es.js.map +1 -1
- package/dist/components/ReportCard/index.test.cjs.js +1 -1
- package/dist/components/ReportCard/index.test.cjs.js.map +1 -1
- package/dist/components/ReportCard/index.test.es.js +1 -1
- package/dist/components/ReportCard/index.test.es.js.map +1 -1
- package/dist/components/ReportChart/index.cjs.js +1 -1
- package/dist/components/ReportChart/index.cjs.js.map +1 -1
- package/dist/components/ReportChart/index.es.js +1 -1
- package/dist/components/ReportChart/index.es.js.map +1 -1
- package/dist/components/ReportChartMulti/index.cjs.js +1 -1
- package/dist/components/ReportChartMulti/index.cjs.js.map +1 -1
- package/dist/components/ReportChartMulti/index.es.js +1 -1
- package/dist/components/ReportChartMulti/index.es.js.map +1 -1
- package/dist/components/ReportChartMulti/index.test.cjs.js +1 -1
- package/dist/components/ReportChartMulti/index.test.cjs.js.map +1 -1
- package/dist/components/ReportChartMulti/index.test.es.js +1 -1
- package/dist/components/ReportChartMulti/index.test.es.js.map +1 -1
- package/dist/components/ScrollableDialog/index.cjs.js.map +1 -1
- package/dist/components/ScrollableDialog/index.es.js.map +1 -1
- package/dist/components/ScrollableDialog/index.test.cjs.js +1 -1
- package/dist/components/ScrollableDialog/index.test.cjs.js.map +1 -1
- package/dist/components/ScrollableDialog/index.test.es.js +1 -1
- package/dist/components/ScrollableDialog/index.test.es.js.map +1 -1
- package/dist/components/SearchForm/index.cjs.js.map +1 -1
- package/dist/components/SearchForm/index.es.js.map +1 -1
- package/dist/components/SelectBox/index.cjs.js +1 -1
- package/dist/components/SelectBox/index.es.js +1 -1
- package/dist/components/SelectBox/index.test.cjs.js +1 -1
- package/dist/components/SelectBox/index.test.cjs.js.map +1 -1
- package/dist/components/SelectBox/index.test.es.js +2 -2
- package/dist/components/SelectBox/index.test.es.js.map +1 -1
- package/dist/components/SelectBoxController/index.cjs.js.map +1 -1
- package/dist/components/SelectBoxController/index.es.js.map +1 -1
- package/dist/components/SelectBoxController/index.test.cjs.js +1 -1
- package/dist/components/SelectBoxController/index.test.cjs.js.map +1 -1
- package/dist/components/SelectBoxController/index.test.es.js +1 -1
- package/dist/components/SelectBoxController/index.test.es.js.map +1 -1
- package/dist/components/SideMenu/index.cjs.js.map +1 -1
- package/dist/components/SideMenu/index.es.js.map +1 -1
- package/dist/components/SideMenu/index.test.cjs.js +1 -1
- package/dist/components/SideMenu/index.test.cjs.js.map +1 -1
- package/dist/components/SideMenu/index.test.es.js +3 -3
- package/dist/components/SideMenu/index.test.es.js.map +1 -1
- package/dist/components/SpinnerButton/index.cjs.js.map +1 -1
- package/dist/components/SpinnerButton/index.es.js.map +1 -1
- package/dist/components/SpinnerButton/index.test.cjs.js +1 -1
- package/dist/components/SpinnerButton/index.test.cjs.js.map +1 -1
- package/dist/components/SpinnerButton/index.test.es.js +2 -2
- package/dist/components/SpinnerButton/index.test.es.js.map +1 -1
- package/dist/components/SubMenu/index.cjs.js.map +1 -1
- package/dist/components/SubMenu/index.es.js.map +1 -1
- package/dist/components/SubMenu/index.test.cjs.js +1 -1
- package/dist/components/SubMenu/index.test.cjs.js.map +1 -1
- package/dist/components/SubMenu/index.test.es.js +1 -1
- package/dist/components/SubMenu/index.test.es.js.map +1 -1
- package/dist/components/Tabs/index.cjs.js.map +1 -1
- package/dist/components/Tabs/index.d.ts +1 -1
- package/dist/components/Tabs/index.es.js.map +1 -1
- package/dist/components/Tabs/index.test.cjs.js +1 -1
- package/dist/components/Tabs/index.test.cjs.js.map +1 -1
- package/dist/components/Tabs/index.test.es.js +2 -2
- package/dist/components/Tabs/index.test.es.js.map +1 -1
- package/dist/components/Textarea/index.cjs.js.map +1 -1
- package/dist/components/Textarea/index.es.js.map +1 -1
- package/dist/components/Textarea/index.test.cjs.js +1 -1
- package/dist/components/Textarea/index.test.cjs.js.map +1 -1
- package/dist/components/Textarea/index.test.es.js +2 -2
- package/dist/components/Textarea/index.test.es.js.map +1 -1
- package/dist/components/Title/index.cjs.js +1 -1
- package/dist/components/Title/index.cjs.js.map +1 -1
- package/dist/components/Title/index.es.js +9 -2
- package/dist/components/Title/index.es.js.map +1 -1
- package/dist/components/Title/index.test.cjs.js +1 -1
- package/dist/components/Title/index.test.cjs.js.map +1 -1
- package/dist/components/Title/index.test.es.js +2 -2
- package/dist/components/Title/index.test.es.js.map +1 -1
- package/dist/components/ToggleButton/index.cjs.js.map +1 -1
- package/dist/components/ToggleButton/index.es.js.map +1 -1
- package/dist/components/ToggleButton/index.test.cjs.js +1 -1
- package/dist/components/ToggleButton/index.test.cjs.js.map +1 -1
- package/dist/components/ToggleButton/index.test.es.js +1 -1
- package/dist/components/ToggleButton/index.test.es.js.map +1 -1
- package/dist/components/TwoFaDialog/index.cjs.js +19 -0
- package/dist/components/TwoFaDialog/index.cjs.js.map +1 -0
- package/dist/components/TwoFaDialog/index.d.ts +62 -0
- package/dist/components/TwoFaDialog/index.es.js +1129 -0
- package/dist/components/TwoFaDialog/index.es.js.map +1 -0
- package/dist/components/TwoFaDialog/index.test.cjs.js +3 -0
- package/dist/components/TwoFaDialog/index.test.cjs.js.map +1 -0
- package/dist/components/TwoFaDialog/index.test.d.ts +1 -0
- package/dist/components/TwoFaDialog/index.test.es.js +73 -0
- package/dist/components/TwoFaDialog/index.test.es.js.map +1 -0
- package/dist/components/TwoFaInputController/index.cjs.js +2 -0
- package/dist/components/TwoFaInputController/index.cjs.js.map +1 -0
- package/dist/components/TwoFaInputController/index.d.ts +34 -0
- package/dist/components/TwoFaInputController/index.es.js +87 -0
- package/dist/components/TwoFaInputController/index.es.js.map +1 -0
- package/dist/components/TwoFaInputController/index.test.cjs.js +2 -0
- package/dist/components/TwoFaInputController/index.test.cjs.js.map +1 -0
- package/dist/components/TwoFaInputController/index.test.d.ts +1 -0
- package/dist/components/TwoFaInputController/index.test.es.js +123 -0
- package/dist/components/TwoFaInputController/index.test.es.js.map +1 -0
- package/dist/components/TwoFaLabel/index.cjs.js +2 -0
- package/dist/components/TwoFaLabel/index.cjs.js.map +1 -0
- package/dist/components/TwoFaLabel/index.d.ts +28 -0
- package/dist/components/TwoFaLabel/index.es.js +60 -0
- package/dist/components/TwoFaLabel/index.es.js.map +1 -0
- package/dist/components/TwoFaLabel/index.test.cjs.js +2 -0
- package/dist/components/TwoFaLabel/index.test.cjs.js.map +1 -0
- package/dist/components/TwoFaLabel/index.test.d.ts +1 -0
- package/dist/components/TwoFaLabel/index.test.es.js +19 -0
- package/dist/components/TwoFaLabel/index.test.es.js.map +1 -0
- package/dist/components/VStack/index.cjs.js.map +1 -1
- package/dist/components/VStack/index.es.js.map +1 -1
- package/dist/components/VStack/index.test.cjs.js +1 -1
- package/dist/components/VStack/index.test.cjs.js.map +1 -1
- package/dist/components/VStack/index.test.es.js +2 -2
- package/dist/components/VStack/index.test.es.js.map +1 -1
- package/dist/index-9p9q0wxE.cjs +39 -0
- package/dist/index-9p9q0wxE.cjs.map +1 -0
- package/dist/{index-B663CLQ0.cjs → index-BM3CSrls.cjs} +2 -2
- package/dist/{index-B663CLQ0.cjs.map → index-BM3CSrls.cjs.map} +1 -1
- package/dist/{index-C50NsnJO.cjs → index-BoenezD8.cjs} +2 -2
- package/dist/{index-C50NsnJO.cjs.map → index-BoenezD8.cjs.map} +1 -1
- package/dist/index-C9Dbd7MM.cjs +4 -0
- package/dist/index-C9Dbd7MM.cjs.map +1 -0
- package/dist/{index-DCSLk6pp.js → index-Cj9ZvtM1.js} +1890 -2721
- package/dist/index-Cj9ZvtM1.js.map +1 -0
- package/dist/{index-pr0ncuNy.js → index-CogWL0bN.js} +2 -2
- package/dist/{index-pr0ncuNy.js.map → index-CogWL0bN.js.map} +1 -1
- package/dist/{index-CSiE_l9r.js → index-D7VNQwOv.js} +2 -2
- package/dist/{index-CSiE_l9r.js.map → index-D7VNQwOv.js.map} +1 -1
- package/dist/{index-ZP4xL6Dt.js → index-DI17hZPH.js} +7373 -6726
- package/dist/index-DI17hZPH.js.map +1 -0
- package/dist/index-Ds6DK19y.cjs +96 -0
- package/dist/index-Ds6DK19y.cjs.map +1 -0
- package/dist/{index-CCbJ_2yU.cjs → index-SHLzSoKB.cjs} +2 -2
- package/dist/{index-CCbJ_2yU.cjs.map → index-SHLzSoKB.cjs.map} +1 -1
- package/dist/{index-D5b3AasF.js → index-sarAILcU.js} +2 -2
- package/dist/{index-D5b3AasF.js.map → index-sarAILcU.js.map} +1 -1
- package/dist/{index-BqN32Ptm.js → index-zix1zlkq.js} +628 -602
- package/dist/index-zix1zlkq.js.map +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.es.js +75 -65
- package/dist/index.es.js.map +1 -1
- package/dist/{react.esm-2FJSSo-S.js → react.esm-BBESb8eI.js} +631 -609
- package/dist/react.esm-BBESb8eI.js.map +1 -0
- package/dist/{react.esm-CiMn0Rnx.cjs → react.esm-DGuy6Rn3.cjs} +33 -33
- package/dist/react.esm-DGuy6Rn3.cjs.map +1 -0
- package/package.json +42 -18
- package/dist/browser-BCVsA9bD.cjs +0 -2
- package/dist/browser-BCVsA9bD.cjs.map +0 -1
- package/dist/browser-BYxLWVDg.js +0 -654
- package/dist/browser-BYxLWVDg.js.map +0 -1
- package/dist/index-BHsZ5xlA.cjs +0 -96
- package/dist/index-BHsZ5xlA.cjs.map +0 -1
- package/dist/index-BoNIpBs7.cjs +0 -4
- package/dist/index-BoNIpBs7.cjs.map +0 -1
- package/dist/index-BpMSrIOq.cjs +0 -43
- package/dist/index-BpMSrIOq.cjs.map +0 -1
- package/dist/index-BqN32Ptm.js.map +0 -1
- package/dist/index-DCSLk6pp.js.map +0 -1
- package/dist/index-ZP4xL6Dt.js.map +0 -1
- package/dist/react.esm-2FJSSo-S.js.map +0 -1
- package/dist/react.esm-CiMn0Rnx.cjs.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../src/components/HStack/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n /** children同士のギャップ */\n spacing?: number;\n /**コンテンツの中身 */\n children: ReactNode;\n};\n\n/**\n * 子要素を水平方向に配置するコンポーネント\n * ギャップを指定することで子要素間の間隔を調整できます\n */\nexport const HStack = (props: Props) => {\n const { children, spacing: gap = 24 } = props;\n return (\n <div className={styles.content} style={{ gap }}>\n {children}\n </div>\n );\n};\n\nexport default HStack;\n"],"names":["HStack","props","children","gap","jsx","styles"],"mappings":";;;GAeaA,IAAS,CAACC,MAAiB;AACtC,QAAM,EAAE,UAAAC,GAAU,SAASC,IAAM,
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../src/components/HStack/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n /** children同士のギャップ */\n spacing?: number;\n /**コンテンツの中身 */\n children: ReactNode;\n};\n\n/**\n * 子要素を水平方向に配置するコンポーネント\n * ギャップを指定することで子要素間の間隔を調整できます\n */\nexport const HStack = (props: Props) => {\n const { children, spacing: gap = 24 } = props;\n return (\n <div className={styles.content} style={{ gap }}>\n {children}\n </div>\n );\n};\n\nexport default HStack;\n"],"names":["HStack","props","children","gap","jsx","styles"],"mappings":";;;GAeaA,IAAS,CAACC,MAAiB;AACtC,QAAM,EAAE,UAAAC,GAAU,SAASC,IAAM,OAAOF;AACxC,SACE,gBAAAG,EAAC,SAAI,WAAWC,EAAO,SAAS,OAAO,EAAE,KAAAF,KACtC,UAAAD,GACH;AAEJ;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),i=require("../../react.esm-
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),i=require("../../react.esm-DGuy6Rn3.cjs");require("../../index-9p9q0wxE.cjs");const c=require("./index.cjs.js");describe("HStack Component",()=>{it("renders its children",()=>{const{getByText:t}=i.render(e.jsxs(c.HStack,{children:[e.jsx("div",{children:"Child 1"}),e.jsx("div",{children:"Child 2"})]}));expect(t("Child 1")).toBeInTheDocument(),expect(t("Child 2")).toBeInTheDocument()}),it("applies default gap spacing",()=>{const{container:t}=i.render(e.jsx(c.HStack,{children:e.jsx("div",{children:"Child"})}));expect(t.firstChild).toHaveStyle("gap: 24px")}),it("applies custom gap spacing",()=>{const{container:n}=i.render(e.jsx(c.HStack,{spacing:10,children:e.jsx("div",{children:"Child"})}));expect(n.firstChild).toHaveStyle("gap: 10px")})});
|
|
2
2
|
//# sourceMappingURL=index.test.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/HStack/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { HStack } from \".\";\n\ndescribe(\"HStack Component\", () => {\n it(\"renders its children\", () => {\n const { getByText } = render(\n <HStack>\n <div>Child 1</div>\n <div>Child 2</div>\n </HStack>,\n );\n\n expect(getByText(\"Child 1\")).toBeInTheDocument();\n expect(getByText(\"Child 2\")).toBeInTheDocument();\n });\n\n it(\"applies default gap spacing\", () => {\n const { container } = render(\n <HStack>\n <div>Child</div>\n </HStack>,\n );\n\n expect(container.firstChild).toHaveStyle(\"gap: 24px\");\n });\n\n it(\"applies custom gap spacing\", () => {\n const customSpacing = 10;\n const { container } = render(\n <HStack spacing={customSpacing}>\n <div>Child</div>\n </HStack>,\n );\n\n expect(container.firstChild).toHaveStyle(`gap: ${customSpacing}px`);\n });\n});\n"],"names":["getByText","render","HStack","jsx","container"],"mappings":"kKAMA,SAAS,mBAAoB,IAAM,CACjC,GAAG,uBAAwB,IAAM,
|
|
1
|
+
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/HStack/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { HStack } from \".\";\n\ndescribe(\"HStack Component\", () => {\n it(\"renders its children\", () => {\n const { getByText } = render(\n <HStack>\n <div>Child 1</div>\n <div>Child 2</div>\n </HStack>,\n );\n\n expect(getByText(\"Child 1\")).toBeInTheDocument();\n expect(getByText(\"Child 2\")).toBeInTheDocument();\n });\n\n it(\"applies default gap spacing\", () => {\n const { container } = render(\n <HStack>\n <div>Child</div>\n </HStack>,\n );\n\n expect(container.firstChild).toHaveStyle(\"gap: 24px\");\n });\n\n it(\"applies custom gap spacing\", () => {\n const customSpacing = 10;\n const { container } = render(\n <HStack spacing={customSpacing}>\n <div>Child</div>\n </HStack>,\n );\n\n expect(container.firstChild).toHaveStyle(`gap: ${customSpacing}px`);\n });\n});\n"],"names":["getByText","render","HStack","jsx","container"],"mappings":"kKAMA,SAAS,mBAAoB,IAAM,CACjC,GAAG,uBAAwB,IAAM,CAC/B,KAAM,CAAE,UAAAA,GAAcC,EAAAA,cACnBC,EAAAA,OAAA,CACC,SAAA,CAAAC,EAAAA,IAAC,OAAI,SAAA,SAAA,CAAO,EACZA,EAAAA,IAAC,OAAI,SAAA,SAAA,CAAO,CAAA,CAAA,CACd,CAAA,EAGF,OAAOH,EAAU,SAAS,CAAC,EAAE,kBAAA,EAC7B,OAAOA,EAAU,SAAS,CAAC,EAAE,kBAAA,CAC/B,CAAC,EAED,GAAG,8BAA+B,IAAM,CACtC,KAAM,CAAE,UAAAI,GAAcH,EAAAA,OACpBE,MAACD,EAAAA,OAAA,CACC,SAAAC,EAAAA,IAAC,MAAA,CAAI,iBAAK,CAAA,CACZ,CAAA,EAGF,OAAOC,EAAU,UAAU,EAAE,YAAY,WAAW,CACtD,CAAC,EAED,GAAG,6BAA8B,IAAM,CAErC,KAAM,CAAE,UAAAA,GAAcH,EAAAA,aACnBC,EAAAA,OAAA,CAAO,QAAS,GACf,SAAAC,EAAAA,IAAC,MAAA,CAAI,iBAAK,CAAA,CACZ,CAAA,EAGF,OAAOC,EAAU,UAAU,EAAE,YAAY,WAAyB,CACpE,CAAC,CACH,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as o, jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import { r as t } from "../../react.esm-
|
|
3
|
-
import "../../index-
|
|
2
|
+
import { r as t } from "../../react.esm-BBESb8eI.js";
|
|
3
|
+
import "../../index-Cj9ZvtM1.js";
|
|
4
4
|
import { HStack as c } from "./index.es.js";
|
|
5
5
|
describe("HStack Component", () => {
|
|
6
6
|
it("renders its children", () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/HStack/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { HStack } from \".\";\n\ndescribe(\"HStack Component\", () => {\n it(\"renders its children\", () => {\n const { getByText } = render(\n <HStack>\n <div>Child 1</div>\n <div>Child 2</div>\n </HStack>,\n );\n\n expect(getByText(\"Child 1\")).toBeInTheDocument();\n expect(getByText(\"Child 2\")).toBeInTheDocument();\n });\n\n it(\"applies default gap spacing\", () => {\n const { container } = render(\n <HStack>\n <div>Child</div>\n </HStack>,\n );\n\n expect(container.firstChild).toHaveStyle(\"gap: 24px\");\n });\n\n it(\"applies custom gap spacing\", () => {\n const customSpacing = 10;\n const { container } = render(\n <HStack spacing={customSpacing}>\n <div>Child</div>\n </HStack>,\n );\n\n expect(container.firstChild).toHaveStyle(`gap: ${customSpacing}px`);\n });\n});\n"],"names":["getByText","render","HStack","jsx","container"],"mappings":";;;;AAMA,SAAS,oBAAoB,MAAM;AACjC,KAAG,wBAAwB,MAAM;
|
|
1
|
+
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/HStack/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { HStack } from \".\";\n\ndescribe(\"HStack Component\", () => {\n it(\"renders its children\", () => {\n const { getByText } = render(\n <HStack>\n <div>Child 1</div>\n <div>Child 2</div>\n </HStack>,\n );\n\n expect(getByText(\"Child 1\")).toBeInTheDocument();\n expect(getByText(\"Child 2\")).toBeInTheDocument();\n });\n\n it(\"applies default gap spacing\", () => {\n const { container } = render(\n <HStack>\n <div>Child</div>\n </HStack>,\n );\n\n expect(container.firstChild).toHaveStyle(\"gap: 24px\");\n });\n\n it(\"applies custom gap spacing\", () => {\n const customSpacing = 10;\n const { container } = render(\n <HStack spacing={customSpacing}>\n <div>Child</div>\n </HStack>,\n );\n\n expect(container.firstChild).toHaveStyle(`gap: ${customSpacing}px`);\n });\n});\n"],"names":["getByText","render","HStack","jsx","container"],"mappings":";;;;AAMA,SAAS,oBAAoB,MAAM;AACjC,KAAG,wBAAwB,MAAM;AAC/B,UAAM,EAAE,WAAAA,MAAcC;AAAA,wBACnBC,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAC,EAAC,SAAI,UAAA,UAAA,CAAO;AAAA,QACZ,gBAAAA,EAAC,SAAI,UAAA,UAAA,CAAO;AAAA,MAAA,EAAA,CACd;AAAA,IAAA;AAGF,WAAOH,EAAU,SAAS,CAAC,EAAE,kBAAA,GAC7B,OAAOA,EAAU,SAAS,CAAC,EAAE,kBAAA;AAAA,EAC/B,CAAC,GAED,GAAG,+BAA+B,MAAM;AACtC,UAAM,EAAE,WAAAI,MAAcH;AAAA,MACpB,gBAAAE,EAACD,GAAA,EACC,UAAA,gBAAAC,EAAC,OAAA,EAAI,mBAAK,EAAA,CACZ;AAAA,IAAA;AAGF,WAAOC,EAAU,UAAU,EAAE,YAAY,WAAW;AAAA,EACtD,CAAC,GAED,GAAG,8BAA8B,MAAM;AAErC,UAAM,EAAE,WAAAA,MAAcH;AAAA,wBACnBC,GAAA,EAAO,SAAS,IACf,UAAA,gBAAAC,EAAC,OAAA,EAAI,mBAAK,EAAA,CACZ;AAAA,IAAA;AAGF,WAAOC,EAAU,UAAU,EAAE,YAAY,WAAyB;AAAA,EACpE,CAAC;AACH,CAAC;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("react/jsx-runtime");const e=require("../../index-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("react/jsx-runtime");const e=require("../../index-C9Dbd7MM.cjs");exports.HtmlRenderer=e.HtmlRenderer;exports.default=e.HtmlRenderer;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const i=require("react/jsx-runtime"),s=require("../../react.esm-
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),s=require("../../react.esm-DGuy6Rn3.cjs"),r=require("../../index-C9Dbd7MM.cjs");jest.mock("dompurify",()=>({sanitize:jest.fn(e=>e)}));beforeEach(()=>{r.purify.sanitize.mockClear()});describe("HtmlRenderer",()=>{it("renders sanitized HTML",()=>{const e="<div><h1>Title</h1><p>This is some <strong>HTML</strong> content.</p></div>",{container:t}=s.render(i.jsx(r.HtmlRenderer,{html:e}));expect(r.purify.sanitize).toHaveBeenCalledWith(e),expect(t.innerHTML).toContain("<h1>Title</h1>"),expect(t.innerHTML).toContain("<p>This is some <strong>HTML</strong> content.</p>")}),it("sanitizes dangerous HTML",()=>{const e='<img src="x" onerror="alert(1)" />',t='<img src="x">';r.purify.sanitize.mockReturnValueOnce(t);const{container:n}=s.render(i.jsx(r.HtmlRenderer,{html:e}));expect(r.purify.sanitize).toHaveBeenCalledWith(e),expect(n.innerHTML).toContain(t)}),it("renders iframe with raw HTML when useIframe is true",()=>{const e="<html><body><h1>Iframe Content</h1></body></html>",{container:t}=s.render(i.jsx(r.HtmlRenderer,{html:e,useIframe:!0}));expect(r.purify.sanitize).not.toHaveBeenCalled();const n=t.querySelector("iframe");expect(n).toBeInTheDocument(),expect(n==null?void 0:n.getAttribute("srcdoc")).toBe(e)}),it("applies iframeWidth and iframeHeight",()=>{const e="<p>Custom size</p>",t="999px",n="888px",{container:c}=s.render(i.jsx(r.HtmlRenderer,{html:e,useIframe:!0,iframeWidth:t,iframeHeight:n})),o=c.querySelector("iframe");expect(o).toHaveStyle(`width: ${t}`),expect(o).toHaveStyle(`height: ${n}`)})});
|
|
2
2
|
//# sourceMappingURL=index.test.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/HtmlRenderer/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\nimport DOMPurify from \"dompurify\";\n\nimport HtmlRenderer from \".\";\n\njest.mock(\"dompurify\", () => ({\n sanitize: jest.fn((html) => html),\n}));\n\nbeforeEach(() => {\n (DOMPurify.sanitize as jest.Mock).mockClear();\n});\n\ndescribe(\"HtmlRenderer\", () => {\n it(\"renders sanitized HTML\", () => {\n const rawHtml =\n \"<div><h1>Title</h1><p>This is some <strong>HTML</strong> content.</p></div>\";\n const { container } = render(<HtmlRenderer html={rawHtml} />);\n\n expect(DOMPurify.sanitize).toHaveBeenCalledWith(rawHtml);\n\n expect(container.innerHTML).toContain(\"<h1>Title</h1>\");\n expect(container.innerHTML).toContain(\n \"<p>This is some <strong>HTML</strong> content.</p>\",\n );\n });\n\n it(\"sanitizes dangerous HTML\", () => {\n const dangerousHtml = '<img src=\"x\" onerror=\"alert(1)\" />';\n const sanitizedHtml = '<img src=\"x\">';\n\n (DOMPurify.sanitize as jest.Mock).mockReturnValueOnce(sanitizedHtml);\n\n const { container } = render(<HtmlRenderer html={dangerousHtml} />);\n\n expect(DOMPurify.sanitize).toHaveBeenCalledWith(dangerousHtml);\n\n expect(container.innerHTML).toContain(sanitizedHtml);\n });\n\n it(\"renders iframe with raw HTML when useIframe is true\", () => {\n const html = \"<html><body><h1>Iframe Content</h1></body></html>\";\n const { container } = render(<HtmlRenderer html={html} useIframe />);\n\n expect(DOMPurify.sanitize).not.toHaveBeenCalled();\n\n const iframe = container.querySelector(\"iframe\");\n expect(iframe).toBeInTheDocument();\n expect(iframe?.getAttribute(\"srcdoc\")).toBe(html);\n });\n\n it(\"applies iframeWidth and iframeHeight\", () => {\n const html = \"<p>Custom size</p>\";\n const width = \"999px\";\n const height = \"888px\";\n\n const { container } = render(\n <HtmlRenderer\n html={html}\n useIframe\n iframeWidth={width}\n iframeHeight={height}\n />,\n );\n\n const iframe = container.querySelector(\"iframe\");\n expect(iframe).toHaveStyle(`width: ${width}`);\n expect(iframe).toHaveStyle(`height: ${height}`);\n });\n});\n"],"names":["html","DOMPurify","rawHtml","container","render","HtmlRenderer","dangerousHtml","sanitizedHtml","iframe","width","height","jsx"],"mappings":"kIAKA,KAAK,KAAK,YAAa,KAAO,CAC5B,SAAU,KAAK,GAAIA,GAASA,CAAI,CAClC,EAAE,EAEF,WAAW,IAAM,CACdC,
|
|
1
|
+
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/HtmlRenderer/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\nimport DOMPurify from \"dompurify\";\n\nimport HtmlRenderer from \".\";\n\njest.mock(\"dompurify\", () => ({\n sanitize: jest.fn((html) => html),\n}));\n\nbeforeEach(() => {\n (DOMPurify.sanitize as jest.Mock).mockClear();\n});\n\ndescribe(\"HtmlRenderer\", () => {\n it(\"renders sanitized HTML\", () => {\n const rawHtml =\n \"<div><h1>Title</h1><p>This is some <strong>HTML</strong> content.</p></div>\";\n const { container } = render(<HtmlRenderer html={rawHtml} />);\n\n expect(DOMPurify.sanitize).toHaveBeenCalledWith(rawHtml);\n\n expect(container.innerHTML).toContain(\"<h1>Title</h1>\");\n expect(container.innerHTML).toContain(\n \"<p>This is some <strong>HTML</strong> content.</p>\",\n );\n });\n\n it(\"sanitizes dangerous HTML\", () => {\n const dangerousHtml = '<img src=\"x\" onerror=\"alert(1)\" />';\n const sanitizedHtml = '<img src=\"x\">';\n\n (DOMPurify.sanitize as jest.Mock).mockReturnValueOnce(sanitizedHtml);\n\n const { container } = render(<HtmlRenderer html={dangerousHtml} />);\n\n expect(DOMPurify.sanitize).toHaveBeenCalledWith(dangerousHtml);\n\n expect(container.innerHTML).toContain(sanitizedHtml);\n });\n\n it(\"renders iframe with raw HTML when useIframe is true\", () => {\n const html = \"<html><body><h1>Iframe Content</h1></body></html>\";\n const { container } = render(<HtmlRenderer html={html} useIframe />);\n\n expect(DOMPurify.sanitize).not.toHaveBeenCalled();\n\n const iframe = container.querySelector(\"iframe\");\n expect(iframe).toBeInTheDocument();\n expect(iframe?.getAttribute(\"srcdoc\")).toBe(html);\n });\n\n it(\"applies iframeWidth and iframeHeight\", () => {\n const html = \"<p>Custom size</p>\";\n const width = \"999px\";\n const height = \"888px\";\n\n const { container } = render(\n <HtmlRenderer\n html={html}\n useIframe\n iframeWidth={width}\n iframeHeight={height}\n />,\n );\n\n const iframe = container.querySelector(\"iframe\");\n expect(iframe).toHaveStyle(`width: ${width}`);\n expect(iframe).toHaveStyle(`height: ${height}`);\n });\n});\n"],"names":["html","DOMPurify","rawHtml","container","render","HtmlRenderer","dangerousHtml","sanitizedHtml","iframe","width","height","jsx"],"mappings":"kIAKA,KAAK,KAAK,YAAa,KAAO,CAC5B,SAAU,KAAK,GAAIA,GAASA,CAAI,CAClC,EAAE,EAEF,WAAW,IAAM,CACdC,EAAAA,OAAU,SAAuB,UAAA,CACpC,CAAC,EAED,SAAS,eAAgB,IAAM,CAC7B,GAAG,yBAA0B,IAAM,CACjC,MAAMC,EACJ,8EACI,CAAE,UAAAC,GAAcC,eAAQC,EAAAA,aAAA,CAAa,KAAMH,EAAS,CAAE,EAE5D,OAAOD,EAAAA,OAAU,QAAQ,EAAE,qBAAqBC,CAAO,EAEvD,OAAOC,EAAU,SAAS,EAAE,UAAU,gBAAgB,EACtD,OAAOA,EAAU,SAAS,EAAE,UAC1B,oDAAA,CAEJ,CAAC,EAED,GAAG,2BAA4B,IAAM,CACnC,MAAMG,EAAgB,qCAChBC,EAAgB,gBAErBN,SAAU,SAAuB,oBAAoBM,CAAa,EAEnE,KAAM,CAAE,UAAAJ,GAAcC,eAAQC,EAAAA,aAAA,CAAa,KAAMC,EAAe,CAAE,EAElE,OAAOL,EAAAA,OAAU,QAAQ,EAAE,qBAAqBK,CAAa,EAE7D,OAAOH,EAAU,SAAS,EAAE,UAAUI,CAAa,CACrD,CAAC,EAED,GAAG,sDAAuD,IAAM,CAC9D,MAAMP,EAAO,oDACP,CAAE,UAAAG,GAAcC,EAAAA,aAAQC,eAAA,CAAa,KAAAL,EAAY,UAAS,EAAA,CAAC,CAAE,EAEnE,OAAOC,EAAAA,OAAU,QAAQ,EAAE,IAAI,iBAAA,EAE/B,MAAMO,EAASL,EAAU,cAAc,QAAQ,EAC/C,OAAOK,CAAM,EAAE,kBAAA,EACf,OAAOA,GAAA,YAAAA,EAAQ,aAAa,SAAS,EAAE,KAAKR,CAAI,CAClD,CAAC,EAED,GAAG,uCAAwC,IAAM,CAC/C,MAAMA,EAAO,qBACPS,EAAQ,QACRC,EAAS,QAET,CAAE,UAAAP,GAAcC,EAAAA,OACpBO,EAAAA,IAACN,EAAAA,aAAA,CACC,KAAAL,EACA,UAAS,GACT,YAAaS,EACb,aAAcC,CAAA,CAAA,CAChB,EAGIF,EAASL,EAAU,cAAc,QAAQ,EAC/C,OAAOK,CAAM,EAAE,YAAY,UAAUC,CAAK,EAAE,EAC5C,OAAOD,CAAM,EAAE,YAAY,WAAWE,CAAM,EAAE,CAChD,CAAC,CACH,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { r as o } from "../../react.esm-
|
|
3
|
-
import { p as i, H as s } from "../../index-
|
|
2
|
+
import { r as o } from "../../react.esm-BBESb8eI.js";
|
|
3
|
+
import { p as i, H as s } from "../../index-zix1zlkq.js";
|
|
4
4
|
jest.mock("dompurify", () => ({
|
|
5
5
|
sanitize: jest.fn((e) => e)
|
|
6
6
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/HtmlRenderer/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\nimport DOMPurify from \"dompurify\";\n\nimport HtmlRenderer from \".\";\n\njest.mock(\"dompurify\", () => ({\n sanitize: jest.fn((html) => html),\n}));\n\nbeforeEach(() => {\n (DOMPurify.sanitize as jest.Mock).mockClear();\n});\n\ndescribe(\"HtmlRenderer\", () => {\n it(\"renders sanitized HTML\", () => {\n const rawHtml =\n \"<div><h1>Title</h1><p>This is some <strong>HTML</strong> content.</p></div>\";\n const { container } = render(<HtmlRenderer html={rawHtml} />);\n\n expect(DOMPurify.sanitize).toHaveBeenCalledWith(rawHtml);\n\n expect(container.innerHTML).toContain(\"<h1>Title</h1>\");\n expect(container.innerHTML).toContain(\n \"<p>This is some <strong>HTML</strong> content.</p>\",\n );\n });\n\n it(\"sanitizes dangerous HTML\", () => {\n const dangerousHtml = '<img src=\"x\" onerror=\"alert(1)\" />';\n const sanitizedHtml = '<img src=\"x\">';\n\n (DOMPurify.sanitize as jest.Mock).mockReturnValueOnce(sanitizedHtml);\n\n const { container } = render(<HtmlRenderer html={dangerousHtml} />);\n\n expect(DOMPurify.sanitize).toHaveBeenCalledWith(dangerousHtml);\n\n expect(container.innerHTML).toContain(sanitizedHtml);\n });\n\n it(\"renders iframe with raw HTML when useIframe is true\", () => {\n const html = \"<html><body><h1>Iframe Content</h1></body></html>\";\n const { container } = render(<HtmlRenderer html={html} useIframe />);\n\n expect(DOMPurify.sanitize).not.toHaveBeenCalled();\n\n const iframe = container.querySelector(\"iframe\");\n expect(iframe).toBeInTheDocument();\n expect(iframe?.getAttribute(\"srcdoc\")).toBe(html);\n });\n\n it(\"applies iframeWidth and iframeHeight\", () => {\n const html = \"<p>Custom size</p>\";\n const width = \"999px\";\n const height = \"888px\";\n\n const { container } = render(\n <HtmlRenderer\n html={html}\n useIframe\n iframeWidth={width}\n iframeHeight={height}\n />,\n );\n\n const iframe = container.querySelector(\"iframe\");\n expect(iframe).toHaveStyle(`width: ${width}`);\n expect(iframe).toHaveStyle(`height: ${height}`);\n });\n});\n"],"names":["html","DOMPurify","rawHtml","container","render","HtmlRenderer","dangerousHtml","sanitizedHtml","iframe","width","height","jsx"],"mappings":";;;AAKA,KAAK,KAAK,aAAa,OAAO;AAAA,EAC5B,UAAU,KAAK,GAAG,CAACA,MAASA,CAAI;AAClC,EAAE;AAEF,WAAW,MAAM;AACdC,EAAAA,EAAU,SAAuB,
|
|
1
|
+
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/HtmlRenderer/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\nimport DOMPurify from \"dompurify\";\n\nimport HtmlRenderer from \".\";\n\njest.mock(\"dompurify\", () => ({\n sanitize: jest.fn((html) => html),\n}));\n\nbeforeEach(() => {\n (DOMPurify.sanitize as jest.Mock).mockClear();\n});\n\ndescribe(\"HtmlRenderer\", () => {\n it(\"renders sanitized HTML\", () => {\n const rawHtml =\n \"<div><h1>Title</h1><p>This is some <strong>HTML</strong> content.</p></div>\";\n const { container } = render(<HtmlRenderer html={rawHtml} />);\n\n expect(DOMPurify.sanitize).toHaveBeenCalledWith(rawHtml);\n\n expect(container.innerHTML).toContain(\"<h1>Title</h1>\");\n expect(container.innerHTML).toContain(\n \"<p>This is some <strong>HTML</strong> content.</p>\",\n );\n });\n\n it(\"sanitizes dangerous HTML\", () => {\n const dangerousHtml = '<img src=\"x\" onerror=\"alert(1)\" />';\n const sanitizedHtml = '<img src=\"x\">';\n\n (DOMPurify.sanitize as jest.Mock).mockReturnValueOnce(sanitizedHtml);\n\n const { container } = render(<HtmlRenderer html={dangerousHtml} />);\n\n expect(DOMPurify.sanitize).toHaveBeenCalledWith(dangerousHtml);\n\n expect(container.innerHTML).toContain(sanitizedHtml);\n });\n\n it(\"renders iframe with raw HTML when useIframe is true\", () => {\n const html = \"<html><body><h1>Iframe Content</h1></body></html>\";\n const { container } = render(<HtmlRenderer html={html} useIframe />);\n\n expect(DOMPurify.sanitize).not.toHaveBeenCalled();\n\n const iframe = container.querySelector(\"iframe\");\n expect(iframe).toBeInTheDocument();\n expect(iframe?.getAttribute(\"srcdoc\")).toBe(html);\n });\n\n it(\"applies iframeWidth and iframeHeight\", () => {\n const html = \"<p>Custom size</p>\";\n const width = \"999px\";\n const height = \"888px\";\n\n const { container } = render(\n <HtmlRenderer\n html={html}\n useIframe\n iframeWidth={width}\n iframeHeight={height}\n />,\n );\n\n const iframe = container.querySelector(\"iframe\");\n expect(iframe).toHaveStyle(`width: ${width}`);\n expect(iframe).toHaveStyle(`height: ${height}`);\n });\n});\n"],"names":["html","DOMPurify","rawHtml","container","render","HtmlRenderer","dangerousHtml","sanitizedHtml","iframe","width","height","jsx"],"mappings":";;;AAKA,KAAK,KAAK,aAAa,OAAO;AAAA,EAC5B,UAAU,KAAK,GAAG,CAACA,MAASA,CAAI;AAClC,EAAE;AAEF,WAAW,MAAM;AACdC,EAAAA,EAAU,SAAuB,UAAA;AACpC,CAAC;AAED,SAAS,gBAAgB,MAAM;AAC7B,KAAG,0BAA0B,MAAM;AACjC,UAAMC,IACJ,+EACI,EAAE,WAAAC,MAAcC,oBAAQC,GAAA,EAAa,MAAMH,GAAS,CAAE;AAE5D,WAAOD,EAAU,QAAQ,EAAE,qBAAqBC,CAAO,GAEvD,OAAOC,EAAU,SAAS,EAAE,UAAU,gBAAgB,GACtD,OAAOA,EAAU,SAAS,EAAE;AAAA,MAC1B;AAAA,IAAA;AAAA,EAEJ,CAAC,GAED,GAAG,4BAA4B,MAAM;AACnC,UAAMG,IAAgB,sCAChBC,IAAgB;AAErBN,IAAAA,EAAU,SAAuB,oBAAoBM,CAAa;AAEnE,UAAM,EAAE,WAAAJ,MAAcC,oBAAQC,GAAA,EAAa,MAAMC,GAAe,CAAE;AAElE,WAAOL,EAAU,QAAQ,EAAE,qBAAqBK,CAAa,GAE7D,OAAOH,EAAU,SAAS,EAAE,UAAUI,CAAa;AAAA,EACrD,CAAC,GAED,GAAG,uDAAuD,MAAM;AAC9D,UAAMP,IAAO,qDACP,EAAE,WAAAG,MAAcC,oBAAQC,GAAA,EAAa,MAAAL,GAAY,WAAS,GAAA,CAAC,CAAE;AAEnE,WAAOC,EAAU,QAAQ,EAAE,IAAI,iBAAA;AAE/B,UAAMO,IAASL,EAAU,cAAc,QAAQ;AAC/C,WAAOK,CAAM,EAAE,kBAAA,GACf,OAAOA,KAAA,gBAAAA,EAAQ,aAAa,SAAS,EAAE,KAAKR,CAAI;AAAA,EAClD,CAAC,GAED,GAAG,wCAAwC,MAAM;AAC/C,UAAMA,IAAO,sBACPS,IAAQ,SACRC,IAAS,SAET,EAAE,WAAAP,MAAcC;AAAA,MACpB,gBAAAO;AAAA,QAACN;AAAA,QAAA;AAAA,UACC,MAAAL;AAAA,UACA,WAAS;AAAA,UACT,aAAaS;AAAA,UACb,cAAcC;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB,GAGIF,IAASL,EAAU,cAAc,QAAQ;AAC/C,WAAOK,CAAM,EAAE,YAAY,UAAUC,CAAK,EAAE,GAC5C,OAAOD,CAAM,EAAE,YAAY,WAAWE,CAAM,EAAE;AAAA,EAChD,CAAC;AACH,CAAC;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index17.css');const s=require("react/jsx-runtime"),_=require("classnames"),g="_inputContainer_1gij2_1",m="_input_1gij2_1",d="_error_1gij2_22",j="_errorMessage_1gij2_26",e={inputContainer:g,input:m,error:d,errorMessage:j},t=n=>{const{type:o,id:i,name:a,autoComplete:u,register:c,placeholder:l,maxLength:p,errorMessage:r}=n;return s.jsxs("div",{className:e.inputContainer,children:[s.jsx("input",{type:o,id:i,name:a,autoComplete:u,...c,className:_(e.input,{[e.error]:r}),placeholder:l,maxLength:p}),r&&s.jsx("small",{className:e.errorMessage,children:r})]})};exports.Input=t;exports.default=t;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Input/index.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Type = \"text\" | \"number\" | \"password\" | \"email\" | \"tel\";\n\ntype Props = {\n type: Type;\n id?: string;\n name?: string;\n autoComplete?: string;\n register?: UseFormRegisterReturn;\n placeholder?: string;\n maxLength?: number;\n errorMessage?: string;\n};\n\nexport const Input = (props: Props) => {\n const {\n type,\n id,\n name,\n autoComplete,\n register,\n placeholder,\n maxLength,\n errorMessage,\n } = props;\n\n return (\n <div className={styles.inputContainer}>\n <input\n type={type}\n id={id}\n name={name}\n autoComplete={autoComplete}\n {...register}\n className={classnames(styles.input, { [styles.error]: errorMessage })}\n placeholder={placeholder}\n maxLength={maxLength}\n />\n {errorMessage && (\n <small className={styles.errorMessage}>{errorMessage}</small>\n )}\n </div>\n );\n};\n\nexport default Input;\n"],"names":["Input","props","type","id","name","autoComplete","register","placeholder","maxLength","errorMessage","jsxs","styles","jsx","classnames"],"mappings":"2TAkBaA,EAASC,GAAiB,
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Input/index.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Type = \"text\" | \"number\" | \"password\" | \"email\" | \"tel\";\n\ntype Props = {\n type: Type;\n id?: string;\n name?: string;\n autoComplete?: string;\n register?: UseFormRegisterReturn;\n placeholder?: string;\n maxLength?: number;\n errorMessage?: string;\n};\n\nexport const Input = (props: Props) => {\n const {\n type,\n id,\n name,\n autoComplete,\n register,\n placeholder,\n maxLength,\n errorMessage,\n } = props;\n\n return (\n <div className={styles.inputContainer}>\n <input\n type={type}\n id={id}\n name={name}\n autoComplete={autoComplete}\n {...register}\n className={classnames(styles.input, { [styles.error]: errorMessage })}\n placeholder={placeholder}\n maxLength={maxLength}\n />\n {errorMessage && (\n <small className={styles.errorMessage}>{errorMessage}</small>\n )}\n </div>\n );\n};\n\nexport default Input;\n"],"names":["Input","props","type","id","name","autoComplete","register","placeholder","maxLength","errorMessage","jsxs","styles","jsx","classnames"],"mappings":"2TAkBaA,EAASC,GAAiB,CACrC,KAAM,CACJ,KAAAC,EACA,GAAAC,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,YAAAC,EACA,UAAAC,EACA,aAAAC,CAAA,EACER,EAEJ,OACES,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAO,eACrB,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACC,KAAAV,EACA,GAAAC,EACA,KAAAC,EACA,aAAAC,EACC,GAAGC,EACJ,UAAWO,EAAWF,EAAO,MAAO,CAAE,CAACA,EAAO,KAAK,EAAGF,EAAc,EACpE,YAAAF,EACA,UAAAC,CAAA,CAAA,EAEDC,GACCG,EAAAA,IAAC,QAAA,CAAM,UAAWD,EAAO,aAAe,SAAAF,CAAA,CAAa,CAAA,EAEzD,CAEJ"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as u, jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import m from "classnames";
|
|
3
|
-
import '../../assets/
|
|
3
|
+
import '../../assets/index17.css';const _ = "_inputContainer_1gij2_1", g = "_input_1gij2_1", d = "_error_1gij2_22", j = "_errorMessage_1gij2_26", r = {
|
|
4
4
|
inputContainer: _,
|
|
5
5
|
input: g,
|
|
6
6
|
error: d,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../src/components/Input/index.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Type = \"text\" | \"number\" | \"password\" | \"email\" | \"tel\";\n\ntype Props = {\n type: Type;\n id?: string;\n name?: string;\n autoComplete?: string;\n register?: UseFormRegisterReturn;\n placeholder?: string;\n maxLength?: number;\n errorMessage?: string;\n};\n\nexport const Input = (props: Props) => {\n const {\n type,\n id,\n name,\n autoComplete,\n register,\n placeholder,\n maxLength,\n errorMessage,\n } = props;\n\n return (\n <div className={styles.inputContainer}>\n <input\n type={type}\n id={id}\n name={name}\n autoComplete={autoComplete}\n {...register}\n className={classnames(styles.input, { [styles.error]: errorMessage })}\n placeholder={placeholder}\n maxLength={maxLength}\n />\n {errorMessage && (\n <small className={styles.errorMessage}>{errorMessage}</small>\n )}\n </div>\n );\n};\n\nexport default Input;\n"],"names":["Input","props","type","id","name","autoComplete","register","placeholder","maxLength","errorMessage","jsxs","styles","jsx","classnames"],"mappings":";;;;;;;GAkBaA,IAAQ,CAACC,MAAiB;
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../src/components/Input/index.tsx"],"sourcesContent":["import classnames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Type = \"text\" | \"number\" | \"password\" | \"email\" | \"tel\";\n\ntype Props = {\n type: Type;\n id?: string;\n name?: string;\n autoComplete?: string;\n register?: UseFormRegisterReturn;\n placeholder?: string;\n maxLength?: number;\n errorMessage?: string;\n};\n\nexport const Input = (props: Props) => {\n const {\n type,\n id,\n name,\n autoComplete,\n register,\n placeholder,\n maxLength,\n errorMessage,\n } = props;\n\n return (\n <div className={styles.inputContainer}>\n <input\n type={type}\n id={id}\n name={name}\n autoComplete={autoComplete}\n {...register}\n className={classnames(styles.input, { [styles.error]: errorMessage })}\n placeholder={placeholder}\n maxLength={maxLength}\n />\n {errorMessage && (\n <small className={styles.errorMessage}>{errorMessage}</small>\n )}\n </div>\n );\n};\n\nexport default Input;\n"],"names":["Input","props","type","id","name","autoComplete","register","placeholder","maxLength","errorMessage","jsxs","styles","jsx","classnames"],"mappings":";;;;;;;GAkBaA,IAAQ,CAACC,MAAiB;AACrC,QAAM;AAAA,IACJ,MAAAC;AAAA,IACA,IAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACER;AAEJ,SACE,gBAAAS,EAAC,OAAA,EAAI,WAAWC,EAAO,gBACrB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAV;AAAA,QACA,IAAAC;AAAA,QACA,MAAAC;AAAA,QACA,cAAAC;AAAA,QACC,GAAGC;AAAA,QACJ,WAAWO,EAAWF,EAAO,OAAO,EAAE,CAACA,EAAO,KAAK,GAAGF,GAAc;AAAA,QACpE,aAAAF;AAAA,QACA,WAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDC,KACC,gBAAAG,EAAC,SAAA,EAAM,WAAWD,EAAO,cAAe,UAAAF,EAAA,CAAa;AAAA,EAAA,GAEzD;AAEJ;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const a=require("react/jsx-runtime"),r=require("../../react.esm-
|
|
1
|
+
"use strict";const a=require("react/jsx-runtime"),r=require("../../react.esm-DGuy6Rn3.cjs"),p=require("./index.cjs.js");describe("Input component",()=>{it("renders an input with the correct type, id, name, autoComplete, placeholder, and maxLength",()=>{const t="text",n="test-id",o="test-name",c="off",s="Test placeholder";r.render(a.jsx(p.Input,{type:t,id:n,name:o,autoComplete:c,placeholder:s,maxLength:10}));const e=r.screen.getByPlaceholderText(s);expect(e).toBeInTheDocument(),expect(e).toHaveAttribute("type",t),expect(e).toHaveAttribute("id",n),expect(e).toHaveAttribute("name",o),expect(e).toHaveAttribute("autoComplete",c),expect(e).toHaveAttribute("placeholder",s),expect(e).toHaveAttribute("maxLength","10")}),it("renders an input with an error message if provided",()=>{const t="Test error message",n="Test placeholder";r.render(a.jsx(p.Input,{type:"text",placeholder:n,errorMessage:t}));const o=r.screen.getByPlaceholderText(n);expect(o).toHaveClass("error");const c=r.screen.getByText(t);expect(c).toBeInTheDocument()})});
|
|
2
2
|
//# sourceMappingURL=index.test.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Input/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\n\nimport { Input } from \".\";\n\ndescribe(\"Input component\", () => {\n it(\"renders an input with the correct type, id, name, autoComplete, placeholder, and maxLength\", () => {\n const type = \"text\";\n const id = \"test-id\";\n const name = \"test-name\";\n const autoComplete = \"off\";\n const placeholder = \"Test placeholder\";\n const maxLength = 10;\n\n render(\n <Input\n type={type}\n id={id}\n name={name}\n autoComplete={autoComplete}\n placeholder={placeholder}\n maxLength={maxLength}\n />,\n );\n\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toBeInTheDocument();\n expect(input).toHaveAttribute(\"type\", type);\n expect(input).toHaveAttribute(\"id\", id);\n expect(input).toHaveAttribute(\"name\", name);\n expect(input).toHaveAttribute(\"autoComplete\", autoComplete);\n expect(input).toHaveAttribute(\"placeholder\", placeholder);\n expect(input).toHaveAttribute(\"maxLength\", maxLength.toString());\n });\n\n it(\"renders an input with an error message if provided\", () => {\n const errorMessage = \"Test error message\";\n const placeholder = \"Test placeholder\";\n\n render(\n <Input\n type=\"text\"\n placeholder={placeholder}\n errorMessage={errorMessage}\n />,\n );\n\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toHaveClass(\"error\");\n\n const errorElement = screen.getByText(errorMessage);\n expect(errorElement).toBeInTheDocument();\n });\n\n // it('should be accessible', async () => {\n // const { container } = render(<Input type=\"text\" />);\n // const results = await axe(container);\n\n // expect.extend(toHaveNoViolations);\n // expect(results).toHaveNoViolations();\n // });\n});\n"],"names":["type","id","name","autoComplete","placeholder","render","jsx","Input","input","screen","errorMessage","errorElement"],"mappings":"wHAIA,SAAS,kBAAmB,IAAM,CAChC,GAAG,6FAA8F,IAAM,CACrG,MAAMA,EAAO,OACPC,EAAK,UACLC,EAAO,YACPC,EAAe,MACfC,EAAc,mBAGpBC,
|
|
1
|
+
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Input/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\n\nimport { Input } from \".\";\n\ndescribe(\"Input component\", () => {\n it(\"renders an input with the correct type, id, name, autoComplete, placeholder, and maxLength\", () => {\n const type = \"text\";\n const id = \"test-id\";\n const name = \"test-name\";\n const autoComplete = \"off\";\n const placeholder = \"Test placeholder\";\n const maxLength = 10;\n\n render(\n <Input\n type={type}\n id={id}\n name={name}\n autoComplete={autoComplete}\n placeholder={placeholder}\n maxLength={maxLength}\n />,\n );\n\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toBeInTheDocument();\n expect(input).toHaveAttribute(\"type\", type);\n expect(input).toHaveAttribute(\"id\", id);\n expect(input).toHaveAttribute(\"name\", name);\n expect(input).toHaveAttribute(\"autoComplete\", autoComplete);\n expect(input).toHaveAttribute(\"placeholder\", placeholder);\n expect(input).toHaveAttribute(\"maxLength\", maxLength.toString());\n });\n\n it(\"renders an input with an error message if provided\", () => {\n const errorMessage = \"Test error message\";\n const placeholder = \"Test placeholder\";\n\n render(\n <Input\n type=\"text\"\n placeholder={placeholder}\n errorMessage={errorMessage}\n />,\n );\n\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toHaveClass(\"error\");\n\n const errorElement = screen.getByText(errorMessage);\n expect(errorElement).toBeInTheDocument();\n });\n\n // it('should be accessible', async () => {\n // const { container } = render(<Input type=\"text\" />);\n // const results = await axe(container);\n\n // expect.extend(toHaveNoViolations);\n // expect(results).toHaveNoViolations();\n // });\n});\n"],"names":["type","id","name","autoComplete","placeholder","render","jsx","Input","input","screen","errorMessage","errorElement"],"mappings":"wHAIA,SAAS,kBAAmB,IAAM,CAChC,GAAG,6FAA8F,IAAM,CACrG,MAAMA,EAAO,OACPC,EAAK,UACLC,EAAO,YACPC,EAAe,MACfC,EAAc,mBAGpBC,EAAAA,OACEC,EAAAA,IAACC,EAAAA,MAAA,CACC,KAAAP,EACA,GAAAC,EACA,KAAAC,EACA,aAAAC,EACA,YAAAC,EACA,YAAA,CAAA,CACF,EAGF,MAAMI,EAAQC,EAAAA,OAAO,qBAAqBL,CAAW,EACrD,OAAOI,CAAK,EAAE,kBAAA,EACd,OAAOA,CAAK,EAAE,gBAAgB,OAAQR,CAAI,EAC1C,OAAOQ,CAAK,EAAE,gBAAgB,KAAMP,CAAE,EACtC,OAAOO,CAAK,EAAE,gBAAgB,OAAQN,CAAI,EAC1C,OAAOM,CAAK,EAAE,gBAAgB,eAAgBL,CAAY,EAC1D,OAAOK,CAAK,EAAE,gBAAgB,cAAeJ,CAAW,EACxD,OAAOI,CAAK,EAAE,gBAAgB,YAAa,IAAoB,CACjE,CAAC,EAED,GAAG,qDAAsD,IAAM,CAC7D,MAAME,EAAe,qBACfN,EAAc,mBAEpBC,EAAAA,OACEC,EAAAA,IAACC,EAAAA,MAAA,CACC,KAAK,OACL,YAAAH,EACA,aAAAM,CAAA,CAAA,CACF,EAGF,MAAMF,EAAQC,EAAAA,OAAO,qBAAqBL,CAAW,EACrD,OAAOI,CAAK,EAAE,YAAY,OAAO,EAEjC,MAAMG,EAAeF,EAAAA,OAAO,UAAUC,CAAY,EAClD,OAAOC,CAAY,EAAE,kBAAA,CACvB,CAAC,CASH,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as p } from "react/jsx-runtime";
|
|
2
|
-
import { r as s, s as c } from "../../react.esm-
|
|
2
|
+
import { r as s, s as c } from "../../react.esm-BBESb8eI.js";
|
|
3
3
|
import { Input as i } from "./index.es.js";
|
|
4
4
|
describe("Input component", () => {
|
|
5
5
|
it("renders an input with the correct type, id, name, autoComplete, placeholder, and maxLength", () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Input/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\n\nimport { Input } from \".\";\n\ndescribe(\"Input component\", () => {\n it(\"renders an input with the correct type, id, name, autoComplete, placeholder, and maxLength\", () => {\n const type = \"text\";\n const id = \"test-id\";\n const name = \"test-name\";\n const autoComplete = \"off\";\n const placeholder = \"Test placeholder\";\n const maxLength = 10;\n\n render(\n <Input\n type={type}\n id={id}\n name={name}\n autoComplete={autoComplete}\n placeholder={placeholder}\n maxLength={maxLength}\n />,\n );\n\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toBeInTheDocument();\n expect(input).toHaveAttribute(\"type\", type);\n expect(input).toHaveAttribute(\"id\", id);\n expect(input).toHaveAttribute(\"name\", name);\n expect(input).toHaveAttribute(\"autoComplete\", autoComplete);\n expect(input).toHaveAttribute(\"placeholder\", placeholder);\n expect(input).toHaveAttribute(\"maxLength\", maxLength.toString());\n });\n\n it(\"renders an input with an error message if provided\", () => {\n const errorMessage = \"Test error message\";\n const placeholder = \"Test placeholder\";\n\n render(\n <Input\n type=\"text\"\n placeholder={placeholder}\n errorMessage={errorMessage}\n />,\n );\n\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toHaveClass(\"error\");\n\n const errorElement = screen.getByText(errorMessage);\n expect(errorElement).toBeInTheDocument();\n });\n\n // it('should be accessible', async () => {\n // const { container } = render(<Input type=\"text\" />);\n // const results = await axe(container);\n\n // expect.extend(toHaveNoViolations);\n // expect(results).toHaveNoViolations();\n // });\n});\n"],"names":["type","id","name","autoComplete","placeholder","render","jsx","Input","input","screen","errorMessage","errorElement"],"mappings":";;;AAIA,SAAS,mBAAmB,MAAM;AAChC,KAAG,8FAA8F,MAAM;AACrG,UAAMA,IAAO,QACPC,IAAK,WACLC,IAAO,aACPC,IAAe,OACfC,IAAc;AAGpB,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAAP;AAAA,UACA,IAAAC;AAAA,UACA,MAAAC;AAAA,UACA,cAAAC;AAAA,UACA,aAAAC;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Input/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\n\nimport { Input } from \".\";\n\ndescribe(\"Input component\", () => {\n it(\"renders an input with the correct type, id, name, autoComplete, placeholder, and maxLength\", () => {\n const type = \"text\";\n const id = \"test-id\";\n const name = \"test-name\";\n const autoComplete = \"off\";\n const placeholder = \"Test placeholder\";\n const maxLength = 10;\n\n render(\n <Input\n type={type}\n id={id}\n name={name}\n autoComplete={autoComplete}\n placeholder={placeholder}\n maxLength={maxLength}\n />,\n );\n\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toBeInTheDocument();\n expect(input).toHaveAttribute(\"type\", type);\n expect(input).toHaveAttribute(\"id\", id);\n expect(input).toHaveAttribute(\"name\", name);\n expect(input).toHaveAttribute(\"autoComplete\", autoComplete);\n expect(input).toHaveAttribute(\"placeholder\", placeholder);\n expect(input).toHaveAttribute(\"maxLength\", maxLength.toString());\n });\n\n it(\"renders an input with an error message if provided\", () => {\n const errorMessage = \"Test error message\";\n const placeholder = \"Test placeholder\";\n\n render(\n <Input\n type=\"text\"\n placeholder={placeholder}\n errorMessage={errorMessage}\n />,\n );\n\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toHaveClass(\"error\");\n\n const errorElement = screen.getByText(errorMessage);\n expect(errorElement).toBeInTheDocument();\n });\n\n // it('should be accessible', async () => {\n // const { container } = render(<Input type=\"text\" />);\n // const results = await axe(container);\n\n // expect.extend(toHaveNoViolations);\n // expect(results).toHaveNoViolations();\n // });\n});\n"],"names":["type","id","name","autoComplete","placeholder","render","jsx","Input","input","screen","errorMessage","errorElement"],"mappings":";;;AAIA,SAAS,mBAAmB,MAAM;AAChC,KAAG,8FAA8F,MAAM;AACrG,UAAMA,IAAO,QACPC,IAAK,WACLC,IAAO,aACPC,IAAe,OACfC,IAAc;AAGpB,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAAP;AAAA,UACA,IAAAC;AAAA,UACA,MAAAC;AAAA,UACA,cAAAC;AAAA,UACA,aAAAC;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAGF,UAAMI,IAAQC,EAAO,qBAAqBL,CAAW;AACrD,WAAOI,CAAK,EAAE,kBAAA,GACd,OAAOA,CAAK,EAAE,gBAAgB,QAAQR,CAAI,GAC1C,OAAOQ,CAAK,EAAE,gBAAgB,MAAMP,CAAE,GACtC,OAAOO,CAAK,EAAE,gBAAgB,QAAQN,CAAI,GAC1C,OAAOM,CAAK,EAAE,gBAAgB,gBAAgBL,CAAY,GAC1D,OAAOK,CAAK,EAAE,gBAAgB,eAAeJ,CAAW,GACxD,OAAOI,CAAK,EAAE,gBAAgB,aAAa,IAAoB;AAAA,EACjE,CAAC,GAED,GAAG,sDAAsD,MAAM;AAC7D,UAAME,IAAe,sBACfN,IAAc;AAEpB,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,aAAAH;AAAA,UACA,cAAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAGF,UAAMF,IAAQC,EAAO,qBAAqBL,CAAW;AACrD,WAAOI,CAAK,EAAE,YAAY,OAAO;AAEjC,UAAMG,IAAeF,EAAO,UAAUC,CAAY;AAClD,WAAOC,CAAY,EAAE,kBAAA;AAAA,EACvB,CAAC;AASH,CAAC;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/InputController/index.tsx"],"sourcesContent":["import {Clear} from \"@mui/icons-material\";\nimport {\n FilledInputProps,\n FormControl,\n FormHelperText,\n IconButton,\n InputAdornment,\n InputProps,\n OutlinedInputProps,\n TextField,\n} from \"@mui/material\";\nimport {\n Controller,\n FieldPath,\n PathValue,\n type Control,\n type FieldValues,\n} from \"react-hook-form\";\n\ntype Type = \"search\" | \"text\" | \"number\" | \"email\" | \"tel\" | \"textarea\";\n\ntype MultilineOption = {\n rows?: number;\n minRows?: number;\n maxRows?: number;\n};\n\ntype Props<T extends FieldValues> = {\n control: Control<T>;\n type: Type;\n textareaOption?: MultilineOption;\n name: FieldPath<T>;\n defaultValue?: PathValue<T, FieldPath<T>>;\n emptyValue?: \"\" | null | undefined;\n autoComplete?: string;\n placeholder?: string;\n inputProps?:\n | Partial<FilledInputProps>\n | Partial<OutlinedInputProps>\n | Partial<InputProps>;\n};\n\nexport const InputController = <T extends FieldValues>(props: Props<T>) => {\n const {\n control,\n type,\n textareaOption,\n name,\n autoComplete,\n placeholder,\n defaultValue,\n emptyValue,\n inputProps,\n } = props;\n\n const convertedEmptyValue =\n emptyValue === undefined && defaultValue !== undefined ? null : emptyValue;\n\n return (\n <Controller\n control={control}\n name={name}\n defaultValue={defaultValue}\n render={({ field, fieldState }) => (\n <FormControl error={fieldState.invalid}>\n <TextField\n {...field}\n type={type === \"textarea\" ? undefined : type}\n multiline={type === \"textarea\"}\n autoComplete={autoComplete}\n placeholder={placeholder}\n value={field.value ?? \"\"}\n onChange={(e) => {\n field.onChange(e);\n e.target.value\n ? field.onChange(e)\n : field.onChange(convertedEmptyValue);\n }}\n InputProps={{\n ...inputProps,\n rows: textareaOption ? textareaOption.rows : undefined,\n minRows: textareaOption ? textareaOption.minRows : undefined,\n maxRows: textareaOption ? textareaOption.minRows : undefined,\n endAdornment:\n field.value &&\n !inputProps?.readOnly &&\n !inputProps?.disabled ? (\n <InputAdornment position=\"end\">\n <IconButton\n onClick={() => field.onChange(convertedEmptyValue)}\n edge=\"end\"\n >\n <Clear />\n </IconButton>\n </InputAdornment>\n ) : undefined,\n }}\n sx={{\n \"& .MuiInput-underline:before\": {\n borderColor: \"#CCCCCC\",\n },\n \"& .MuiInputBase-root\": {\n backgroundColor: \"#FFFFFF\",\n },\n \"input:-webkit-autofill\": {\n WebkitBoxShadow: \"0 0 0 1000px white inset\",\n },\n }}\n fullWidth={true}\n />\n <FormHelperText>{fieldState.error?.message}</FormHelperText>\n </FormControl>\n )}\n />\n );\n};\n\nexport default InputController;\n"],"names":["InputController","props","control","type","textareaOption","name","autoComplete","placeholder","defaultValue","emptyValue","inputProps","convertedEmptyValue","jsx","Controller","field","fieldState","jsxs","FormControl","TextField","e","InputAdornment","IconButton","Clear","FormHelperText","_a"],"mappings":"0OA0CaA,EAA0CC,GAAoB,
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/InputController/index.tsx"],"sourcesContent":["import { Clear } from \"@mui/icons-material\";\nimport {\n FilledInputProps,\n FormControl,\n FormHelperText,\n IconButton,\n InputAdornment,\n InputProps,\n OutlinedInputProps,\n TextField,\n} from \"@mui/material\";\nimport {\n Controller,\n FieldPath,\n PathValue,\n type Control,\n type FieldValues,\n} from \"react-hook-form\";\n\ntype Type = \"search\" | \"text\" | \"number\" | \"email\" | \"tel\" | \"textarea\";\n\ntype MultilineOption = {\n rows?: number;\n minRows?: number;\n maxRows?: number;\n};\n\ntype Props<T extends FieldValues> = {\n control: Control<T>;\n type: Type;\n textareaOption?: MultilineOption;\n name: FieldPath<T>;\n defaultValue?: PathValue<T, FieldPath<T>>;\n emptyValue?: \"\" | null | undefined;\n autoComplete?: string;\n placeholder?: string;\n inputProps?:\n | Partial<FilledInputProps>\n | Partial<OutlinedInputProps>\n | Partial<InputProps>;\n};\n\nexport const InputController = <T extends FieldValues>(props: Props<T>) => {\n const {\n control,\n type,\n textareaOption,\n name,\n autoComplete,\n placeholder,\n defaultValue,\n emptyValue,\n inputProps,\n } = props;\n\n const convertedEmptyValue =\n emptyValue === undefined && defaultValue !== undefined ? null : emptyValue;\n\n return (\n <Controller\n control={control}\n name={name}\n defaultValue={defaultValue}\n render={({ field, fieldState }) => (\n <FormControl error={fieldState.invalid}>\n <TextField\n {...field}\n type={type === \"textarea\" ? undefined : type}\n multiline={type === \"textarea\"}\n autoComplete={autoComplete}\n placeholder={placeholder}\n value={field.value ?? \"\"}\n onChange={(e) => {\n field.onChange(e);\n e.target.value\n ? field.onChange(e)\n : field.onChange(convertedEmptyValue);\n }}\n InputProps={{\n ...inputProps,\n rows: textareaOption ? textareaOption.rows : undefined,\n minRows: textareaOption ? textareaOption.minRows : undefined,\n maxRows: textareaOption ? textareaOption.minRows : undefined,\n endAdornment:\n field.value &&\n !inputProps?.readOnly &&\n !inputProps?.disabled ? (\n <InputAdornment position=\"end\">\n <IconButton\n onClick={() => field.onChange(convertedEmptyValue)}\n edge=\"end\"\n >\n <Clear />\n </IconButton>\n </InputAdornment>\n ) : undefined,\n }}\n sx={{\n \"& .MuiInput-underline:before\": {\n borderColor: \"#CCCCCC\",\n },\n \"& .MuiInputBase-root\": {\n backgroundColor: \"#FFFFFF\",\n },\n \"input:-webkit-autofill\": {\n WebkitBoxShadow: \"0 0 0 1000px white inset\",\n },\n }}\n fullWidth={true}\n />\n <FormHelperText>{fieldState.error?.message}</FormHelperText>\n </FormControl>\n )}\n />\n );\n};\n\nexport default InputController;\n"],"names":["InputController","props","control","type","textareaOption","name","autoComplete","placeholder","defaultValue","emptyValue","inputProps","convertedEmptyValue","jsx","Controller","field","fieldState","jsxs","FormControl","TextField","e","InputAdornment","IconButton","Clear","FormHelperText","_a"],"mappings":"0OA0CaA,EAA0CC,GAAoB,CACzE,KAAM,CACJ,QAAAC,EACA,KAAAC,EACA,eAAAC,EACA,KAAAC,EACA,aAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,EACET,EAEEU,EACJF,IAAe,QAAaD,IAAiB,OAAY,KAAOC,EAElE,OACEG,EAAAA,IAACC,EAAAA,WAAA,CACC,QAAAX,EACA,KAAAG,EACA,aAAAG,EACA,OAAQ,CAAC,CAAE,MAAAM,EAAO,WAAAC,YAChBC,OAAAA,EAAAA,KAACC,EAAAA,YAAA,CAAY,MAAOF,EAAW,QAC7B,SAAA,CAAAH,EAAAA,IAACM,EAAAA,UAAA,CACE,GAAGJ,EACJ,KAAMX,IAAS,WAAa,OAAYA,EACxC,UAAWA,IAAS,WACpB,aAAAG,EACA,YAAAC,EACA,MAAOO,EAAM,OAAS,GACtB,SAAWK,GAAM,CACfL,EAAM,SAASK,CAAC,EAChBA,EAAE,OAAO,MACLL,EAAM,SAASK,CAAC,EAChBL,EAAM,SAASH,CAAmB,CACxC,EACA,WAAY,CACV,GAAGD,EACH,KAAMN,EAAiBA,EAAe,KAAO,OAC7C,QAASA,EAAiBA,EAAe,QAAU,OACnD,QAASA,EAAiBA,EAAe,QAAU,OACnD,aACEU,EAAM,OACN,EAACJ,GAAA,MAAAA,EAAY,WACb,EAACA,GAAA,MAAAA,EAAY,UACXE,EAAAA,IAACQ,EAAAA,eAAA,CAAe,SAAS,MACvB,SAAAR,EAAAA,IAACS,EAAAA,WAAA,CACC,QAAS,IAAMP,EAAM,SAASH,CAAmB,EACjD,KAAK,MAEL,eAACW,EAAAA,MAAA,CAAA,CAAM,CAAA,CAAA,EAEX,EACE,MAAA,EAER,GAAI,CACF,+BAAgC,CAC9B,YAAa,SAAA,EAEf,uBAAwB,CACtB,gBAAiB,SAAA,EAEnB,yBAA0B,CACxB,gBAAiB,0BAAA,CACnB,EAEF,UAAW,EAAA,CAAA,EAEbV,EAAAA,IAACW,EAAAA,eAAA,CAAgB,UAAAC,EAAAT,EAAW,QAAX,YAAAS,EAAkB,OAAA,CAAQ,CAAA,CAAA,CAC7C,EAAA,CAAA,CAIR"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../src/components/InputController/index.tsx"],"sourcesContent":["import {Clear} from \"@mui/icons-material\";\nimport {\n FilledInputProps,\n FormControl,\n FormHelperText,\n IconButton,\n InputAdornment,\n InputProps,\n OutlinedInputProps,\n TextField,\n} from \"@mui/material\";\nimport {\n Controller,\n FieldPath,\n PathValue,\n type Control,\n type FieldValues,\n} from \"react-hook-form\";\n\ntype Type = \"search\" | \"text\" | \"number\" | \"email\" | \"tel\" | \"textarea\";\n\ntype MultilineOption = {\n rows?: number;\n minRows?: number;\n maxRows?: number;\n};\n\ntype Props<T extends FieldValues> = {\n control: Control<T>;\n type: Type;\n textareaOption?: MultilineOption;\n name: FieldPath<T>;\n defaultValue?: PathValue<T, FieldPath<T>>;\n emptyValue?: \"\" | null | undefined;\n autoComplete?: string;\n placeholder?: string;\n inputProps?:\n | Partial<FilledInputProps>\n | Partial<OutlinedInputProps>\n | Partial<InputProps>;\n};\n\nexport const InputController = <T extends FieldValues>(props: Props<T>) => {\n const {\n control,\n type,\n textareaOption,\n name,\n autoComplete,\n placeholder,\n defaultValue,\n emptyValue,\n inputProps,\n } = props;\n\n const convertedEmptyValue =\n emptyValue === undefined && defaultValue !== undefined ? null : emptyValue;\n\n return (\n <Controller\n control={control}\n name={name}\n defaultValue={defaultValue}\n render={({ field, fieldState }) => (\n <FormControl error={fieldState.invalid}>\n <TextField\n {...field}\n type={type === \"textarea\" ? undefined : type}\n multiline={type === \"textarea\"}\n autoComplete={autoComplete}\n placeholder={placeholder}\n value={field.value ?? \"\"}\n onChange={(e) => {\n field.onChange(e);\n e.target.value\n ? field.onChange(e)\n : field.onChange(convertedEmptyValue);\n }}\n InputProps={{\n ...inputProps,\n rows: textareaOption ? textareaOption.rows : undefined,\n minRows: textareaOption ? textareaOption.minRows : undefined,\n maxRows: textareaOption ? textareaOption.minRows : undefined,\n endAdornment:\n field.value &&\n !inputProps?.readOnly &&\n !inputProps?.disabled ? (\n <InputAdornment position=\"end\">\n <IconButton\n onClick={() => field.onChange(convertedEmptyValue)}\n edge=\"end\"\n >\n <Clear />\n </IconButton>\n </InputAdornment>\n ) : undefined,\n }}\n sx={{\n \"& .MuiInput-underline:before\": {\n borderColor: \"#CCCCCC\",\n },\n \"& .MuiInputBase-root\": {\n backgroundColor: \"#FFFFFF\",\n },\n \"input:-webkit-autofill\": {\n WebkitBoxShadow: \"0 0 0 1000px white inset\",\n },\n }}\n fullWidth={true}\n />\n <FormHelperText>{fieldState.error?.message}</FormHelperText>\n </FormControl>\n )}\n />\n );\n};\n\nexport default InputController;\n"],"names":["InputController","props","control","type","textareaOption","name","autoComplete","placeholder","defaultValue","emptyValue","inputProps","convertedEmptyValue","jsx","Controller","field","fieldState","jsxs","FormControl","TextField","e","InputAdornment","IconButton","Clear","FormHelperText","_a"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../src/components/InputController/index.tsx"],"sourcesContent":["import { Clear } from \"@mui/icons-material\";\nimport {\n FilledInputProps,\n FormControl,\n FormHelperText,\n IconButton,\n InputAdornment,\n InputProps,\n OutlinedInputProps,\n TextField,\n} from \"@mui/material\";\nimport {\n Controller,\n FieldPath,\n PathValue,\n type Control,\n type FieldValues,\n} from \"react-hook-form\";\n\ntype Type = \"search\" | \"text\" | \"number\" | \"email\" | \"tel\" | \"textarea\";\n\ntype MultilineOption = {\n rows?: number;\n minRows?: number;\n maxRows?: number;\n};\n\ntype Props<T extends FieldValues> = {\n control: Control<T>;\n type: Type;\n textareaOption?: MultilineOption;\n name: FieldPath<T>;\n defaultValue?: PathValue<T, FieldPath<T>>;\n emptyValue?: \"\" | null | undefined;\n autoComplete?: string;\n placeholder?: string;\n inputProps?:\n | Partial<FilledInputProps>\n | Partial<OutlinedInputProps>\n | Partial<InputProps>;\n};\n\nexport const InputController = <T extends FieldValues>(props: Props<T>) => {\n const {\n control,\n type,\n textareaOption,\n name,\n autoComplete,\n placeholder,\n defaultValue,\n emptyValue,\n inputProps,\n } = props;\n\n const convertedEmptyValue =\n emptyValue === undefined && defaultValue !== undefined ? null : emptyValue;\n\n return (\n <Controller\n control={control}\n name={name}\n defaultValue={defaultValue}\n render={({ field, fieldState }) => (\n <FormControl error={fieldState.invalid}>\n <TextField\n {...field}\n type={type === \"textarea\" ? undefined : type}\n multiline={type === \"textarea\"}\n autoComplete={autoComplete}\n placeholder={placeholder}\n value={field.value ?? \"\"}\n onChange={(e) => {\n field.onChange(e);\n e.target.value\n ? field.onChange(e)\n : field.onChange(convertedEmptyValue);\n }}\n InputProps={{\n ...inputProps,\n rows: textareaOption ? textareaOption.rows : undefined,\n minRows: textareaOption ? textareaOption.minRows : undefined,\n maxRows: textareaOption ? textareaOption.minRows : undefined,\n endAdornment:\n field.value &&\n !inputProps?.readOnly &&\n !inputProps?.disabled ? (\n <InputAdornment position=\"end\">\n <IconButton\n onClick={() => field.onChange(convertedEmptyValue)}\n edge=\"end\"\n >\n <Clear />\n </IconButton>\n </InputAdornment>\n ) : undefined,\n }}\n sx={{\n \"& .MuiInput-underline:before\": {\n borderColor: \"#CCCCCC\",\n },\n \"& .MuiInputBase-root\": {\n backgroundColor: \"#FFFFFF\",\n },\n \"input:-webkit-autofill\": {\n WebkitBoxShadow: \"0 0 0 1000px white inset\",\n },\n }}\n fullWidth={true}\n />\n <FormHelperText>{fieldState.error?.message}</FormHelperText>\n </FormControl>\n )}\n />\n );\n};\n\nexport default InputController;\n"],"names":["InputController","props","control","type","textareaOption","name","autoComplete","placeholder","defaultValue","emptyValue","inputProps","convertedEmptyValue","jsx","Controller","field","fieldState","jsxs","FormControl","TextField","e","InputAdornment","IconButton","Clear","FormHelperText","_a"],"mappings":";;;;AA0CO,MAAMA,IAAkB,CAAwBC,MAAoB;AACzE,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACET,GAEEU,IACJF,MAAe,UAAaD,MAAiB,SAAY,OAAOC;AAElE,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAX;AAAA,MACA,MAAAG;AAAA,MACA,cAAAG;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAM,GAAO,YAAAC;;AAChB,+BAAAC,EAACC,GAAA,EAAY,OAAOF,EAAW,SAC7B,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACM;AAAA,YAAA;AAAA,cACE,GAAGJ;AAAA,cACJ,MAAMX,MAAS,aAAa,SAAYA;AAAA,cACxC,WAAWA,MAAS;AAAA,cACpB,cAAAG;AAAA,cACA,aAAAC;AAAA,cACA,OAAOO,EAAM,SAAS;AAAA,cACtB,UAAU,CAACK,MAAM;AACf,gBAAAL,EAAM,SAASK,CAAC,GAChBA,EAAE,OAAO,QACLL,EAAM,SAASK,CAAC,IAChBL,EAAM,SAASH,CAAmB;AAAA,cACxC;AAAA,cACA,YAAY;AAAA,gBACV,GAAGD;AAAA,gBACH,MAAMN,IAAiBA,EAAe,OAAO;AAAA,gBAC7C,SAASA,IAAiBA,EAAe,UAAU;AAAA,gBACnD,SAASA,IAAiBA,EAAe,UAAU;AAAA,gBACnD,cACEU,EAAM,SACN,EAACJ,KAAA,QAAAA,EAAY,aACb,EAACA,KAAA,QAAAA,EAAY,YACX,gBAAAE,EAACQ,GAAA,EAAe,UAAS,OACvB,UAAA,gBAAAR;AAAA,kBAACS;AAAA,kBAAA;AAAA,oBACC,SAAS,MAAMP,EAAM,SAASH,CAAmB;AAAA,oBACjD,MAAK;AAAA,oBAEL,4BAACW,GAAA,CAAA,CAAM;AAAA,kBAAA;AAAA,gBAAA,GAEX,IACE;AAAA,cAAA;AAAA,cAER,IAAI;AAAA,gBACF,gCAAgC;AAAA,kBAC9B,aAAa;AAAA,gBAAA;AAAA,gBAEf,wBAAwB;AAAA,kBACtB,iBAAiB;AAAA,gBAAA;AAAA,gBAEnB,0BAA0B;AAAA,kBACxB,iBAAiB;AAAA,gBAAA;AAAA,cACnB;AAAA,cAEF,WAAW;AAAA,YAAA;AAAA,UAAA;AAAA,UAEb,gBAAAV,EAACW,GAAA,EAAgB,WAAAC,IAAAT,EAAW,UAAX,gBAAAS,EAAkB,QAAA,CAAQ;AAAA,QAAA,EAAA,CAC7C;AAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const s=require("react/jsx-runtime"),e=require("../../react.esm-
|
|
1
|
+
"use strict";const s=require("react/jsx-runtime"),e=require("../../react.esm-DGuy6Rn3.cjs"),l=require("react-hook-form"),a=require("./index.cjs.js");describe("InputController component",()=>{it("renders an input with the correct type, id, name, autoComplete, placeholder, and maxLength",()=>{const c=e.renderHook(()=>l.useForm().control).result.current,n="TestName",t="TestPlaceholder";e.render(s.jsx(a.InputController,{control:c,type:"text",name:n,placeholder:t,defaultValue:void 0}));const o=e.screen.getByPlaceholderText(t);expect(o).toBeInTheDocument(),expect(o).toHaveAttribute("type","text"),expect(o).toHaveAttribute("name",n),expect(o).toHaveAttribute("placeholder",t)}),it("renders a multiline textarea with the correct rows",()=>{const c=e.renderHook(()=>l.useForm().control).result.current,n="TestName",t="TestPlaceholder",o=4;e.render(s.jsx(a.InputController,{control:c,type:"textarea",name:n,placeholder:t,defaultValue:void 0,textareaOption:{rows:o}}));const r=e.screen.getByPlaceholderText(t);expect(r).toBeInTheDocument(),expect(r.tagName).toBe("TEXTAREA"),expect(r).toHaveAttribute("rows",o.toString())}),it("sets value to default value if input is empty",()=>{const c=e.renderHook(()=>l.useForm().control).result.current,n="TestName",t="TestPlaceholder";e.render(s.jsx(a.InputController,{control:c,type:"text",name:n,placeholder:t,defaultValue:"Default Value"}));const r=e.screen.getByPlaceholderText(t);expect(r).toBeInTheDocument(),e.fireEvent.change(r,{target:{value:""}})})});
|
|
2
2
|
//# sourceMappingURL=index.test.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/InputController/index.test.tsx"],"sourcesContent":["import { fireEvent, render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport InputController from \".\";\n\ndescribe(\"InputController component\", () => {\n it(\"renders an input with the correct type, id, name, autoComplete, placeholder, and maxLength\", () => {\n const controlResult = renderHook(() => {\n const methods = useForm();\n return methods.control;\n });\n const control = controlResult.result.current;\n const testName = \"TestName\";\n const placeholder = \"TestPlaceholder\";\n\n render(\n <InputController\n control={control}\n type=\"text\"\n name={testName}\n placeholder={placeholder}\n defaultValue={undefined}\n />,\n );\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toBeInTheDocument();\n expect(input).toHaveAttribute(\"type\", \"text\");\n expect(input).toHaveAttribute(\"name\", testName);\n expect(input).toHaveAttribute(\"placeholder\", placeholder);\n });\n\n it(\"renders a multiline textarea with the correct rows\", () => {\n const controlResult = renderHook(() => {\n const methods = useForm();\n return methods.control;\n });\n const control = controlResult.result.current;\n const testName = \"TestName\";\n const placeholder = \"TestPlaceholder\";\n const rows = 4;\n\n render(\n <InputController\n control={control}\n type=\"textarea\"\n name={testName}\n placeholder={placeholder}\n defaultValue={undefined}\n textareaOption={{ rows }}\n />,\n );\n const textarea = screen.getByPlaceholderText(placeholder);\n expect(textarea).toBeInTheDocument();\n expect(textarea.tagName).toBe(\"TEXTAREA\");\n expect(textarea).toHaveAttribute(\"rows\", rows.toString());\n });\n\n it(\"sets value to default value if input is empty\", () => {\n const controlResult = renderHook(() => {\n const methods = useForm();\n return methods.control;\n });\n const control = controlResult.result.current;\n const testName = \"TestName\";\n const placeholder = \"TestPlaceholder\";\n const defaultValue = \"Default Value\";\n\n render(\n <InputController\n control={control}\n type=\"text\"\n name={testName}\n placeholder={placeholder}\n defaultValue={defaultValue}\n />,\n );\n\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toBeInTheDocument();\n\n // Fire a change event with an empty input value\n fireEvent.change(input, { target: { value: \"\" } });\n });\n});\n"],"names":["control","renderHook","useForm","testName","placeholder","render","jsx","InputController","input","screen","rows","textarea","fireEvent"],"mappings":"qJAKA,SAAS,4BAA6B,IAAM,CAC1C,GAAG,6FAA8F,IAAM,
|
|
1
|
+
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/InputController/index.test.tsx"],"sourcesContent":["import { fireEvent, render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport InputController from \".\";\n\ndescribe(\"InputController component\", () => {\n it(\"renders an input with the correct type, id, name, autoComplete, placeholder, and maxLength\", () => {\n const controlResult = renderHook(() => {\n const methods = useForm();\n return methods.control;\n });\n const control = controlResult.result.current;\n const testName = \"TestName\";\n const placeholder = \"TestPlaceholder\";\n\n render(\n <InputController\n control={control}\n type=\"text\"\n name={testName}\n placeholder={placeholder}\n defaultValue={undefined}\n />,\n );\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toBeInTheDocument();\n expect(input).toHaveAttribute(\"type\", \"text\");\n expect(input).toHaveAttribute(\"name\", testName);\n expect(input).toHaveAttribute(\"placeholder\", placeholder);\n });\n\n it(\"renders a multiline textarea with the correct rows\", () => {\n const controlResult = renderHook(() => {\n const methods = useForm();\n return methods.control;\n });\n const control = controlResult.result.current;\n const testName = \"TestName\";\n const placeholder = \"TestPlaceholder\";\n const rows = 4;\n\n render(\n <InputController\n control={control}\n type=\"textarea\"\n name={testName}\n placeholder={placeholder}\n defaultValue={undefined}\n textareaOption={{ rows }}\n />,\n );\n const textarea = screen.getByPlaceholderText(placeholder);\n expect(textarea).toBeInTheDocument();\n expect(textarea.tagName).toBe(\"TEXTAREA\");\n expect(textarea).toHaveAttribute(\"rows\", rows.toString());\n });\n\n it(\"sets value to default value if input is empty\", () => {\n const controlResult = renderHook(() => {\n const methods = useForm();\n return methods.control;\n });\n const control = controlResult.result.current;\n const testName = \"TestName\";\n const placeholder = \"TestPlaceholder\";\n const defaultValue = \"Default Value\";\n\n render(\n <InputController\n control={control}\n type=\"text\"\n name={testName}\n placeholder={placeholder}\n defaultValue={defaultValue}\n />,\n );\n\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toBeInTheDocument();\n\n // Fire a change event with an empty input value\n fireEvent.change(input, { target: { value: \"\" } });\n });\n});\n"],"names":["control","renderHook","useForm","testName","placeholder","render","jsx","InputController","input","screen","rows","textarea","fireEvent"],"mappings":"qJAKA,SAAS,4BAA6B,IAAM,CAC1C,GAAG,6FAA8F,IAAM,CAKrG,MAAMA,EAJgBC,EAAAA,WAAW,IACfC,EAAAA,QAAA,EACD,OAChB,EAC6B,OAAO,QAC/BC,EAAW,WACXC,EAAc,kBAEpBC,EAAAA,OACEC,EAAAA,IAACC,EAAAA,gBAAA,CACC,QAAAP,EACA,KAAK,OACL,KAAMG,EACN,YAAAC,EACA,aAAc,MAAA,CAAA,CAChB,EAEF,MAAMI,EAAQC,EAAAA,OAAO,qBAAqBL,CAAW,EACrD,OAAOI,CAAK,EAAE,kBAAA,EACd,OAAOA,CAAK,EAAE,gBAAgB,OAAQ,MAAM,EAC5C,OAAOA,CAAK,EAAE,gBAAgB,OAAQL,CAAQ,EAC9C,OAAOK,CAAK,EAAE,gBAAgB,cAAeJ,CAAW,CAC1D,CAAC,EAED,GAAG,qDAAsD,IAAM,CAK7D,MAAMJ,EAJgBC,EAAAA,WAAW,IACfC,EAAAA,QAAA,EACD,OAChB,EAC6B,OAAO,QAC/BC,EAAW,WACXC,EAAc,kBACdM,EAAO,EAEbL,EAAAA,OACEC,EAAAA,IAACC,EAAAA,gBAAA,CACC,QAAAP,EACA,KAAK,WACL,KAAMG,EACN,YAAAC,EACA,aAAc,OACd,eAAgB,CAAE,KAAAM,CAAA,CAAK,CAAA,CACzB,EAEF,MAAMC,EAAWF,EAAAA,OAAO,qBAAqBL,CAAW,EACxD,OAAOO,CAAQ,EAAE,kBAAA,EACjB,OAAOA,EAAS,OAAO,EAAE,KAAK,UAAU,EACxC,OAAOA,CAAQ,EAAE,gBAAgB,OAAQD,EAAK,UAAU,CAC1D,CAAC,EAED,GAAG,gDAAiD,IAAM,CAKxD,MAAMV,EAJgBC,EAAAA,WAAW,IACfC,EAAAA,QAAA,EACD,OAChB,EAC6B,OAAO,QAC/BC,EAAW,WACXC,EAAc,kBAGpBC,EAAAA,OACEC,EAAAA,IAACC,EAAAA,gBAAA,CACC,QAAAP,EACA,KAAK,OACL,KAAMG,EACN,YAAAC,EACA,aARiB,eAQjB,CAAA,CACF,EAGF,MAAMI,EAAQC,EAAAA,OAAO,qBAAqBL,CAAW,EACrD,OAAOI,CAAK,EAAE,kBAAA,EAGdI,EAAAA,UAAU,OAAOJ,EAAO,CAAE,OAAQ,CAAE,MAAO,EAAA,EAAM,CACnD,CAAC,CACH,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
-
import { a as l, r as a, s, f as i } from "../../react.esm-
|
|
2
|
+
import { a as l, r as a, s, f as i } from "../../react.esm-BBESb8eI.js";
|
|
3
3
|
import { useForm as u } from "react-hook-form";
|
|
4
4
|
import { InputController as m } from "./index.es.js";
|
|
5
5
|
describe("InputController component", () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/InputController/index.test.tsx"],"sourcesContent":["import { fireEvent, render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport InputController from \".\";\n\ndescribe(\"InputController component\", () => {\n it(\"renders an input with the correct type, id, name, autoComplete, placeholder, and maxLength\", () => {\n const controlResult = renderHook(() => {\n const methods = useForm();\n return methods.control;\n });\n const control = controlResult.result.current;\n const testName = \"TestName\";\n const placeholder = \"TestPlaceholder\";\n\n render(\n <InputController\n control={control}\n type=\"text\"\n name={testName}\n placeholder={placeholder}\n defaultValue={undefined}\n />,\n );\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toBeInTheDocument();\n expect(input).toHaveAttribute(\"type\", \"text\");\n expect(input).toHaveAttribute(\"name\", testName);\n expect(input).toHaveAttribute(\"placeholder\", placeholder);\n });\n\n it(\"renders a multiline textarea with the correct rows\", () => {\n const controlResult = renderHook(() => {\n const methods = useForm();\n return methods.control;\n });\n const control = controlResult.result.current;\n const testName = \"TestName\";\n const placeholder = \"TestPlaceholder\";\n const rows = 4;\n\n render(\n <InputController\n control={control}\n type=\"textarea\"\n name={testName}\n placeholder={placeholder}\n defaultValue={undefined}\n textareaOption={{ rows }}\n />,\n );\n const textarea = screen.getByPlaceholderText(placeholder);\n expect(textarea).toBeInTheDocument();\n expect(textarea.tagName).toBe(\"TEXTAREA\");\n expect(textarea).toHaveAttribute(\"rows\", rows.toString());\n });\n\n it(\"sets value to default value if input is empty\", () => {\n const controlResult = renderHook(() => {\n const methods = useForm();\n return methods.control;\n });\n const control = controlResult.result.current;\n const testName = \"TestName\";\n const placeholder = \"TestPlaceholder\";\n const defaultValue = \"Default Value\";\n\n render(\n <InputController\n control={control}\n type=\"text\"\n name={testName}\n placeholder={placeholder}\n defaultValue={defaultValue}\n />,\n );\n\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toBeInTheDocument();\n\n // Fire a change event with an empty input value\n fireEvent.change(input, { target: { value: \"\" } });\n });\n});\n"],"names":["control","renderHook","useForm","testName","placeholder","render","jsx","InputController","input","screen","rows","textarea","fireEvent"],"mappings":";;;;AAKA,SAAS,6BAA6B,MAAM;AAC1C,KAAG,8FAA8F,MAAM;
|
|
1
|
+
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/InputController/index.test.tsx"],"sourcesContent":["import { fireEvent, render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport InputController from \".\";\n\ndescribe(\"InputController component\", () => {\n it(\"renders an input with the correct type, id, name, autoComplete, placeholder, and maxLength\", () => {\n const controlResult = renderHook(() => {\n const methods = useForm();\n return methods.control;\n });\n const control = controlResult.result.current;\n const testName = \"TestName\";\n const placeholder = \"TestPlaceholder\";\n\n render(\n <InputController\n control={control}\n type=\"text\"\n name={testName}\n placeholder={placeholder}\n defaultValue={undefined}\n />,\n );\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toBeInTheDocument();\n expect(input).toHaveAttribute(\"type\", \"text\");\n expect(input).toHaveAttribute(\"name\", testName);\n expect(input).toHaveAttribute(\"placeholder\", placeholder);\n });\n\n it(\"renders a multiline textarea with the correct rows\", () => {\n const controlResult = renderHook(() => {\n const methods = useForm();\n return methods.control;\n });\n const control = controlResult.result.current;\n const testName = \"TestName\";\n const placeholder = \"TestPlaceholder\";\n const rows = 4;\n\n render(\n <InputController\n control={control}\n type=\"textarea\"\n name={testName}\n placeholder={placeholder}\n defaultValue={undefined}\n textareaOption={{ rows }}\n />,\n );\n const textarea = screen.getByPlaceholderText(placeholder);\n expect(textarea).toBeInTheDocument();\n expect(textarea.tagName).toBe(\"TEXTAREA\");\n expect(textarea).toHaveAttribute(\"rows\", rows.toString());\n });\n\n it(\"sets value to default value if input is empty\", () => {\n const controlResult = renderHook(() => {\n const methods = useForm();\n return methods.control;\n });\n const control = controlResult.result.current;\n const testName = \"TestName\";\n const placeholder = \"TestPlaceholder\";\n const defaultValue = \"Default Value\";\n\n render(\n <InputController\n control={control}\n type=\"text\"\n name={testName}\n placeholder={placeholder}\n defaultValue={defaultValue}\n />,\n );\n\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toBeInTheDocument();\n\n // Fire a change event with an empty input value\n fireEvent.change(input, { target: { value: \"\" } });\n });\n});\n"],"names":["control","renderHook","useForm","testName","placeholder","render","jsx","InputController","input","screen","rows","textarea","fireEvent"],"mappings":";;;;AAKA,SAAS,6BAA6B,MAAM;AAC1C,KAAG,8FAA8F,MAAM;AAKrG,UAAMA,IAJgBC,EAAW,MACfC,EAAA,EACD,OAChB,EAC6B,OAAO,SAC/BC,IAAW,YACXC,IAAc;AAEpB,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,MAAK;AAAA,UACL,MAAMG;AAAA,UACN,aAAAC;AAAA,UACA,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB;AAEF,UAAMI,IAAQC,EAAO,qBAAqBL,CAAW;AACrD,WAAOI,CAAK,EAAE,kBAAA,GACd,OAAOA,CAAK,EAAE,gBAAgB,QAAQ,MAAM,GAC5C,OAAOA,CAAK,EAAE,gBAAgB,QAAQL,CAAQ,GAC9C,OAAOK,CAAK,EAAE,gBAAgB,eAAeJ,CAAW;AAAA,EAC1D,CAAC,GAED,GAAG,sDAAsD,MAAM;AAK7D,UAAMJ,IAJgBC,EAAW,MACfC,EAAA,EACD,OAChB,EAC6B,OAAO,SAC/BC,IAAW,YACXC,IAAc,mBACdM,IAAO;AAEb,IAAAL;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,MAAK;AAAA,UACL,MAAMG;AAAA,UACN,aAAAC;AAAA,UACA,cAAc;AAAA,UACd,gBAAgB,EAAE,MAAAM,EAAA;AAAA,QAAK;AAAA,MAAA;AAAA,IACzB;AAEF,UAAMC,IAAWF,EAAO,qBAAqBL,CAAW;AACxD,WAAOO,CAAQ,EAAE,kBAAA,GACjB,OAAOA,EAAS,OAAO,EAAE,KAAK,UAAU,GACxC,OAAOA,CAAQ,EAAE,gBAAgB,QAAQD,EAAK,UAAU;AAAA,EAC1D,CAAC,GAED,GAAG,iDAAiD,MAAM;AAKxD,UAAMV,IAJgBC,EAAW,MACfC,EAAA,EACD,OAChB,EAC6B,OAAO,SAC/BC,IAAW,YACXC,IAAc;AAGpB,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,MAAK;AAAA,UACL,MAAMG;AAAA,UACN,aAAAC;AAAA,UACA,cARiB;AAAA,QAQjB;AAAA,MAAA;AAAA,IACF;AAGF,UAAMI,IAAQC,EAAO,qBAAqBL,CAAW;AACrD,WAAOI,CAAK,EAAE,kBAAA,GAGdI,EAAU,OAAOJ,GAAO,EAAE,QAAQ,EAAE,OAAO,GAAA,GAAM;AAAA,EACnD,CAAC;AACH,CAAC;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index18.css');const o=require("react/jsx-runtime"),n="_inputGroup_yg0op_1",r={inputGroup:n},t=u=>{const{children:e}=u;return o.jsx("div",{className:r.inputGroup,children:e})};exports.InputGroup=t;exports.default=t;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/InputGroup/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n children: ReactNode;\n};\n\nexport const InputGroup = (props: Props) => {\n const { children } = props;\n\n return <div className={styles.inputGroup}>{children}</div>;\n};\n\nexport default InputGroup;\n"],"names":["InputGroup","props","children","jsx","styles"],"mappings":"0LAQaA,EAAcC,GAAiB,
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/InputGroup/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n children: ReactNode;\n};\n\nexport const InputGroup = (props: Props) => {\n const { children } = props;\n\n return <div className={styles.inputGroup}>{children}</div>;\n};\n\nexport default InputGroup;\n"],"names":["InputGroup","props","children","jsx","styles"],"mappings":"0LAQaA,EAAcC,GAAiB,CAC1C,KAAM,CAAE,SAAAC,GAAaD,EAErB,OAAOE,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAO,WAAa,SAAAF,EAAS,CACtD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../src/components/InputGroup/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n children: ReactNode;\n};\n\nexport const InputGroup = (props: Props) => {\n const { children } = props;\n\n return <div className={styles.inputGroup}>{children}</div>;\n};\n\nexport default InputGroup;\n"],"names":["InputGroup","props","children","jsx","styles"],"mappings":";;;GAQaA,IAAa,CAACC,MAAiB;
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../src/components/InputGroup/index.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n children: ReactNode;\n};\n\nexport const InputGroup = (props: Props) => {\n const { children } = props;\n\n return <div className={styles.inputGroup}>{children}</div>;\n};\n\nexport default InputGroup;\n"],"names":["InputGroup","props","children","jsx","styles"],"mappings":";;;GAQaA,IAAa,CAACC,MAAiB;AAC1C,QAAM,EAAE,UAAAC,MAAaD;AAErB,SAAO,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAO,YAAa,UAAAF,GAAS;AACtD;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const o=require("react/jsx-runtime"),n=require("../../react.esm-
|
|
1
|
+
"use strict";const o=require("react/jsx-runtime"),n=require("../../react.esm-DGuy6Rn3.cjs"),s=require("../../index-Ds6DK19y.cjs"),r=require("./index.cjs.js");describe("InputGroup component",()=>{const e="Test content";it("renders the children",()=>{n.render(o.jsx(r.InputGroup,{children:e}));const t=n.screen.getByText(e);expect(t).toBeInTheDocument()}),it("should be accessible",async()=>{const{container:t}=n.render(o.jsx(r.InputGroup,{children:e})),c=await s.jestAxe.axe(t);expect.extend(s.jestAxe.toHaveNoViolations),expect(c).toHaveNoViolations()})});
|
|
2
2
|
//# sourceMappingURL=index.test.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/InputGroup/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { InputGroup } from \".\";\n\ndescribe(\"InputGroup component\", () => {\n const testChildren = \"Test content\";\n\n it(\"renders the children\", () => {\n render(<InputGroup>{testChildren}</InputGroup>);\n\n const content = screen.getByText(testChildren);\n expect(content).toBeInTheDocument();\n });\n\n it(\"should be accessible\", async () => {\n const { container } = render(<InputGroup>{testChildren}</InputGroup>);\n const results = await axe(container);\n\n expect.extend(toHaveNoViolations);\n expect(results).toHaveNoViolations();\n });\n});\n"],"names":["testChildren","render","jsx","InputGroup","content","screen","container","results","axe","toHaveNoViolations"],"mappings":"8JAKA,SAAS,uBAAwB,IAAM,CACrC,MAAMA,EAAe,eAErB,GAAG,uBAAwB,IAAM,
|
|
1
|
+
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/InputGroup/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { InputGroup } from \".\";\n\ndescribe(\"InputGroup component\", () => {\n const testChildren = \"Test content\";\n\n it(\"renders the children\", () => {\n render(<InputGroup>{testChildren}</InputGroup>);\n\n const content = screen.getByText(testChildren);\n expect(content).toBeInTheDocument();\n });\n\n it(\"should be accessible\", async () => {\n const { container } = render(<InputGroup>{testChildren}</InputGroup>);\n const results = await axe(container);\n\n expect.extend(toHaveNoViolations);\n expect(results).toHaveNoViolations();\n });\n});\n"],"names":["testChildren","render","jsx","InputGroup","content","screen","container","results","axe","toHaveNoViolations"],"mappings":"8JAKA,SAAS,uBAAwB,IAAM,CACrC,MAAMA,EAAe,eAErB,GAAG,uBAAwB,IAAM,CAC/BC,EAAAA,OAAOC,EAAAA,IAACC,EAAAA,WAAA,CAAY,SAAAH,CAAA,CAAa,CAAa,EAE9C,MAAMI,EAAUC,EAAAA,OAAO,UAAUL,CAAY,EAC7C,OAAOI,CAAO,EAAE,kBAAA,CAClB,CAAC,EAED,GAAG,uBAAwB,SAAY,CACrC,KAAM,CAAE,UAAAE,CAAA,EAAcL,SAAOC,EAAAA,IAACC,EAAAA,WAAA,CAAY,WAAa,CAAa,EAC9DI,EAAU,MAAMC,EAAAA,QAAAA,IAAIF,CAAS,EAEnC,OAAO,OAAOG,4BAAkB,EAChC,OAAOF,CAAO,EAAE,mBAAA,CAClB,CAAC,CACH,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { r as n, s as i } from "../../react.esm-
|
|
3
|
-
import { j as r } from "../../index-
|
|
2
|
+
import { r as n, s as i } from "../../react.esm-BBESb8eI.js";
|
|
3
|
+
import { j as r } from "../../index-DI17hZPH.js";
|
|
4
4
|
import { InputGroup as s } from "./index.es.js";
|
|
5
5
|
describe("InputGroup component", () => {
|
|
6
6
|
const e = "Test content";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/InputGroup/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { InputGroup } from \".\";\n\ndescribe(\"InputGroup component\", () => {\n const testChildren = \"Test content\";\n\n it(\"renders the children\", () => {\n render(<InputGroup>{testChildren}</InputGroup>);\n\n const content = screen.getByText(testChildren);\n expect(content).toBeInTheDocument();\n });\n\n it(\"should be accessible\", async () => {\n const { container } = render(<InputGroup>{testChildren}</InputGroup>);\n const results = await axe(container);\n\n expect.extend(toHaveNoViolations);\n expect(results).toHaveNoViolations();\n });\n});\n"],"names":["testChildren","render","jsx","InputGroup","content","screen","container","results","axe","toHaveNoViolations"],"mappings":";;;;AAKA,SAAS,wBAAwB,MAAM;AACrC,QAAMA,IAAe;AAErB,KAAG,wBAAwB,MAAM;
|
|
1
|
+
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/InputGroup/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { InputGroup } from \".\";\n\ndescribe(\"InputGroup component\", () => {\n const testChildren = \"Test content\";\n\n it(\"renders the children\", () => {\n render(<InputGroup>{testChildren}</InputGroup>);\n\n const content = screen.getByText(testChildren);\n expect(content).toBeInTheDocument();\n });\n\n it(\"should be accessible\", async () => {\n const { container } = render(<InputGroup>{testChildren}</InputGroup>);\n const results = await axe(container);\n\n expect.extend(toHaveNoViolations);\n expect(results).toHaveNoViolations();\n });\n});\n"],"names":["testChildren","render","jsx","InputGroup","content","screen","container","results","axe","toHaveNoViolations"],"mappings":";;;;AAKA,SAAS,wBAAwB,MAAM;AACrC,QAAMA,IAAe;AAErB,KAAG,wBAAwB,MAAM;AAC/B,IAAAC,EAAO,gBAAAC,EAACC,GAAA,EAAY,UAAAH,EAAA,CAAa,CAAa;AAE9C,UAAMI,IAAUC,EAAO,UAAUL,CAAY;AAC7C,WAAOI,CAAO,EAAE,kBAAA;AAAA,EAClB,CAAC,GAED,GAAG,wBAAwB,YAAY;AACrC,UAAM,EAAE,WAAAE,EAAA,IAAcL,EAAO,gBAAAC,EAACC,GAAA,EAAY,aAAa,CAAa,GAC9DI,IAAU,MAAMC,EAAAA,IAAIF,CAAS;AAEnC,WAAO,OAAOG,oBAAkB,GAChC,OAAOF,CAAO,EAAE,mBAAA;AAAA,EAClB,CAAC;AACH,CAAC;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index19.css');const e=require("react/jsx-runtime"),i="_required_1f4sr_1",n={required:i},r=s=>{const{label:l,isRequired:t,htmlFor:u}=s;return e.jsxs("label",{htmlFor:u,children:[l,t&&e.jsx("span",{className:n.required,children:"※"})]})};exports.Label=r;exports.default=r;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Label/index.tsx"],"sourcesContent":["import styles from \"./index.module.scss\";\n\ntype Props = {\n label: string;\n isRequired?: boolean;\n htmlFor?: string;\n};\n\nexport const Label = (props: Props) => {\n const { label, isRequired, htmlFor } = props;\n\n return (\n <label htmlFor={htmlFor}>\n {label}\n {isRequired && <span className={styles.required}>※</span>}\n </label>\n );\n};\n\n// Label.defaultProps = {\n// fullWidth: false,\n// disabled: false,\n// };\n\nexport default Label;\n"],"names":["Label","props","label","isRequired","htmlFor","jsxs","jsx","styles"],"mappings":"sLAQaA,EAASC,GAAiB,CACrC,KAAM,CAAE,MAAAC,EAAO,WAAAC,EAAY,QAAAC,
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Label/index.tsx"],"sourcesContent":["import styles from \"./index.module.scss\";\n\ntype Props = {\n label: string;\n isRequired?: boolean;\n htmlFor?: string;\n};\n\nexport const Label = (props: Props) => {\n const { label, isRequired, htmlFor } = props;\n\n return (\n <label htmlFor={htmlFor}>\n {label}\n {isRequired && <span className={styles.required}>※</span>}\n </label>\n );\n};\n\n// Label.defaultProps = {\n// fullWidth: false,\n// disabled: false,\n// };\n\nexport default Label;\n"],"names":["Label","props","label","isRequired","htmlFor","jsxs","jsx","styles"],"mappings":"sLAQaA,EAASC,GAAiB,CACrC,KAAM,CAAE,MAAAC,EAAO,WAAAC,EAAY,QAAAC,CAAA,EAAYH,EAEvC,OACEI,OAAC,SAAM,QAAAD,EACJ,SAAA,CAAAF,EACAC,GAAcG,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAO,SAAU,SAAA,GAAA,CAAC,CAAA,EACpD,CAEJ"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as t, jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import '../../assets/
|
|
2
|
+
import '../../assets/index19.css';const a = "_required_1f4sr_1", d = {
|
|
3
3
|
required: a
|
|
4
4
|
}, o = (e) => {
|
|
5
5
|
const { label: r, isRequired: s, htmlFor: l } = e;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../src/components/Label/index.tsx"],"sourcesContent":["import styles from \"./index.module.scss\";\n\ntype Props = {\n label: string;\n isRequired?: boolean;\n htmlFor?: string;\n};\n\nexport const Label = (props: Props) => {\n const { label, isRequired, htmlFor } = props;\n\n return (\n <label htmlFor={htmlFor}>\n {label}\n {isRequired && <span className={styles.required}>※</span>}\n </label>\n );\n};\n\n// Label.defaultProps = {\n// fullWidth: false,\n// disabled: false,\n// };\n\nexport default Label;\n"],"names":["Label","props","label","isRequired","htmlFor","jsxs","jsx","styles"],"mappings":";;;GAQaA,IAAQ,CAACC,MAAiB;AACrC,QAAM,EAAE,OAAAC,GAAO,YAAAC,GAAY,SAAAC,
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../src/components/Label/index.tsx"],"sourcesContent":["import styles from \"./index.module.scss\";\n\ntype Props = {\n label: string;\n isRequired?: boolean;\n htmlFor?: string;\n};\n\nexport const Label = (props: Props) => {\n const { label, isRequired, htmlFor } = props;\n\n return (\n <label htmlFor={htmlFor}>\n {label}\n {isRequired && <span className={styles.required}>※</span>}\n </label>\n );\n};\n\n// Label.defaultProps = {\n// fullWidth: false,\n// disabled: false,\n// };\n\nexport default Label;\n"],"names":["Label","props","label","isRequired","htmlFor","jsxs","jsx","styles"],"mappings":";;;GAQaA,IAAQ,CAACC,MAAiB;AACrC,QAAM,EAAE,OAAAC,GAAO,YAAAC,GAAY,SAAAC,EAAA,IAAYH;AAEvC,SACE,gBAAAI,EAAC,WAAM,SAAAD,GACJ,UAAA;AAAA,IAAAF;AAAA,IACAC,KAAc,gBAAAG,EAAC,QAAA,EAAK,WAAWC,EAAO,UAAU,UAAA,IAAA,CAAC;AAAA,EAAA,GACpD;AAEJ;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),t=require("../../react.esm-
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),t=require("../../react.esm-DGuy6Rn3.cjs"),i=require("../../index-Ds6DK19y.cjs"),o=require("./index.cjs.js");describe("Label component",()=>{it("renders a label with the provided text and htmlFor attribute",()=>{const e="Test Label",s="test-id";t.render(r.jsx(o.Label,{label:e,htmlFor:s}));const n=t.screen.getByText(e);expect(n).toBeInTheDocument(),expect(n.closest("label")).toHaveAttribute("for",s)}),it("renders a label with the required indicator if isRequired is true",()=>{const e="Test Label";t.render(r.jsx(o.Label,{label:e,isRequired:!0}));const s=t.screen.getByText(e);expect(s).toBeInTheDocument(),expect(t.screen.getByText("※")).toBeInTheDocument()}),it("does not render the required indicator if isRequired is false",()=>{const e="Test Label";t.render(r.jsx(o.Label,{label:e,isRequired:!1}));const s=t.screen.getByText(e);expect(s).toBeInTheDocument(),expect(t.screen.queryByText("※")).not.toBeInTheDocument()}),it("should be accessible",async()=>{const e="Test Label",{container:s}=t.render(r.jsx(o.Label,{label:e,isRequired:!0})),n=await i.jestAxe.axe(s);expect.extend(i.jestAxe.toHaveNoViolations),expect(n).toHaveNoViolations()})});
|
|
2
2
|
//# sourceMappingURL=index.test.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Label/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { Label } from \".\";\n\ndescribe(\"Label component\", () => {\n it(\"renders a label with the provided text and htmlFor attribute\", () => {\n const label = \"Test Label\";\n const htmlFor = \"test-id\";\n\n render(<Label label={label} htmlFor={htmlFor} />);\n\n const labelText = screen.getByText(label);\n expect(labelText).toBeInTheDocument();\n expect(labelText.closest(\"label\")).toHaveAttribute(\"for\", htmlFor);\n });\n\n it(\"renders a label with the required indicator if isRequired is true\", () => {\n const label = \"Test Label\";\n\n render(<Label label={label} isRequired />);\n\n const labelText = screen.getByText(label);\n expect(labelText).toBeInTheDocument();\n expect(screen.getByText(\"※\")).toBeInTheDocument();\n });\n\n it(\"does not render the required indicator if isRequired is false\", () => {\n const label = \"Test Label\";\n\n render(<Label label={label} isRequired={false} />);\n\n const labelText = screen.getByText(label);\n expect(labelText).toBeInTheDocument();\n expect(screen.queryByText(\"※\")).not.toBeInTheDocument();\n });\n\n it(\"should be accessible\", async () => {\n const label = \"Test Label\";\n\n const { container } = render(<Label label={label} isRequired />);\n const results = await axe(container);\n\n expect.extend(toHaveNoViolations);\n expect(results).toHaveNoViolations();\n });\n});\n"],"names":["label","htmlFor","render","jsx","Label","labelText","screen","container","results","axe","toHaveNoViolations"],"mappings":"8JAKA,SAAS,kBAAmB,IAAM,CAChC,GAAG,+DAAgE,IAAM,CACvE,MAAMA,EAAQ,aACRC,EAAU,UAEhBC,
|
|
1
|
+
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Label/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { Label } from \".\";\n\ndescribe(\"Label component\", () => {\n it(\"renders a label with the provided text and htmlFor attribute\", () => {\n const label = \"Test Label\";\n const htmlFor = \"test-id\";\n\n render(<Label label={label} htmlFor={htmlFor} />);\n\n const labelText = screen.getByText(label);\n expect(labelText).toBeInTheDocument();\n expect(labelText.closest(\"label\")).toHaveAttribute(\"for\", htmlFor);\n });\n\n it(\"renders a label with the required indicator if isRequired is true\", () => {\n const label = \"Test Label\";\n\n render(<Label label={label} isRequired />);\n\n const labelText = screen.getByText(label);\n expect(labelText).toBeInTheDocument();\n expect(screen.getByText(\"※\")).toBeInTheDocument();\n });\n\n it(\"does not render the required indicator if isRequired is false\", () => {\n const label = \"Test Label\";\n\n render(<Label label={label} isRequired={false} />);\n\n const labelText = screen.getByText(label);\n expect(labelText).toBeInTheDocument();\n expect(screen.queryByText(\"※\")).not.toBeInTheDocument();\n });\n\n it(\"should be accessible\", async () => {\n const label = \"Test Label\";\n\n const { container } = render(<Label label={label} isRequired />);\n const results = await axe(container);\n\n expect.extend(toHaveNoViolations);\n expect(results).toHaveNoViolations();\n });\n});\n"],"names":["label","htmlFor","render","jsx","Label","labelText","screen","container","results","axe","toHaveNoViolations"],"mappings":"8JAKA,SAAS,kBAAmB,IAAM,CAChC,GAAG,+DAAgE,IAAM,CACvE,MAAMA,EAAQ,aACRC,EAAU,UAEhBC,EAAAA,OAAOC,EAAAA,IAACC,EAAAA,MAAA,CAAM,MAAAJ,EAAc,QAAAC,CAAA,CAAkB,CAAE,EAEhD,MAAMI,EAAYC,EAAAA,OAAO,UAAUN,CAAK,EACxC,OAAOK,CAAS,EAAE,kBAAA,EAClB,OAAOA,EAAU,QAAQ,OAAO,CAAC,EAAE,gBAAgB,MAAOJ,CAAO,CACnE,CAAC,EAED,GAAG,oEAAqE,IAAM,CAC5E,MAAMD,EAAQ,aAEdE,EAAAA,OAAOC,EAAAA,IAACC,QAAA,CAAM,MAAAJ,EAAc,WAAU,GAAC,CAAE,EAEzC,MAAMK,EAAYC,EAAAA,OAAO,UAAUN,CAAK,EACxC,OAAOK,CAAS,EAAE,kBAAA,EAClB,OAAOC,EAAAA,OAAO,UAAU,GAAG,CAAC,EAAE,kBAAA,CAChC,CAAC,EAED,GAAG,gEAAiE,IAAM,CACxE,MAAMN,EAAQ,aAEdE,EAAAA,OAAOC,EAAAA,IAACC,QAAA,CAAM,MAAAJ,EAAc,WAAY,GAAO,CAAE,EAEjD,MAAMK,EAAYC,EAAAA,OAAO,UAAUN,CAAK,EACxC,OAAOK,CAAS,EAAE,kBAAA,EAClB,OAAOC,EAAAA,OAAO,YAAY,GAAG,CAAC,EAAE,IAAI,kBAAA,CACtC,CAAC,EAED,GAAG,uBAAwB,SAAY,CACrC,MAAMN,EAAQ,aAER,CAAE,UAAAO,GAAcL,EAAAA,aAAQE,QAAA,CAAM,MAAAJ,EAAc,WAAU,EAAA,CAAC,CAAE,EACzDQ,EAAU,MAAMC,EAAAA,QAAAA,IAAIF,CAAS,EAEnC,OAAO,OAAOG,4BAAkB,EAChC,OAAOF,CAAO,EAAE,mBAAA,CAClB,CAAC,CACH,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import { r, s as o } from "../../react.esm-
|
|
3
|
-
import { j as n } from "../../index-
|
|
2
|
+
import { r, s as o } from "../../react.esm-BBESb8eI.js";
|
|
3
|
+
import { j as n } from "../../index-DI17hZPH.js";
|
|
4
4
|
import { Label as a } from "./index.es.js";
|
|
5
5
|
describe("Label component", () => {
|
|
6
6
|
it("renders a label with the provided text and htmlFor attribute", () => {
|