@jigowatts/jigowatts-ui 1.1.7 → 1.1.9
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/_commonjsHelpers-DKOUU3wS.cjs +2 -0
- package/dist/_commonjsHelpers-DKOUU3wS.cjs.map +1 -0
- package/dist/_commonjsHelpers-DaMA6jEr.js +9 -0
- package/dist/_commonjsHelpers-DaMA6jEr.js.map +1 -0
- 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/index33.css +1 -1
- package/dist/assets/index34.css +1 -1
- package/dist/assets/index4.css +1 -1
- package/dist/assets/index5.css +1 -1
- package/dist/assets/index6.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 +1 -1
- package/dist/components/Button/index.cjs.js.map +1 -1
- package/dist/components/Button/index.es.js +5 -5
- 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 +6 -6
- 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 +27 -27
- 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 +18 -18
- 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 +14 -14
- 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 +7 -7
- package/dist/components/CardWithTitle/index.test.es.js.map +1 -1
- 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 +7 -7
- 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 +9 -9
- 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 +91 -96
- 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 +25 -25
- 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.es.js +29 -28
- 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 +3 -3
- 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 +7 -7
- 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 +7 -7
- 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 +6 -6
- 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 +6 -6
- 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 +15 -15
- 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 +8 -8
- 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 +15 -15
- 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 +10 -10
- 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 +7 -7
- 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 +7 -7
- 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 +8 -8
- 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 +5 -5
- 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 +8 -8
- 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 +2 -2
- 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 +7 -7
- 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 +15 -15
- 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 +9 -9
- package/dist/components/Input/index.test.es.js.map +1 -1
- package/dist/components/InputController/index.cjs.js +1 -1
- package/dist/components/InputController/index.cjs.js.map +1 -1
- package/dist/components/InputController/index.es.js +29 -29
- 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 +14 -14
- 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 +7 -7
- 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 +7 -7
- 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 +8 -8
- 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 +7 -7
- 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 +17 -17
- 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 +4 -4
- package/dist/components/LabeledContent/index.test.es.js.map +1 -1
- package/dist/components/LoadingOverlay/index.cjs.js +1 -5
- package/dist/components/LoadingOverlay/index.cjs.js.map +1 -1
- package/dist/components/LoadingOverlay/index.es.js +7 -127
- 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 +7 -7
- 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 +174 -174
- 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 +9 -9
- 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 +9 -9
- package/dist/components/MaxWidthContainer/index.test.es.js.map +1 -1
- package/dist/components/NumericFieldController/index.cjs.js +1 -1
- package/dist/components/NumericFieldController/index.cjs.js.map +1 -1
- package/dist/components/NumericFieldController/index.es.js +31 -31
- 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 +3 -3
- 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 +12 -23
- 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 +25 -25
- package/dist/components/PageSizeSelector/index.es.js.map +1 -1
- package/dist/components/Pagination/index.cjs.js +2 -1
- package/dist/components/Pagination/index.cjs.js.map +1 -1
- package/dist/components/Pagination/index.es.js +305 -5
- 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 +5 -5
- package/dist/components/Pagination/index.test.es.js.map +1 -1
- package/dist/components/PasswordInputController/index.cjs.js +1 -1
- package/dist/components/PasswordInputController/index.cjs.js.map +1 -1
- package/dist/components/PasswordInputController/index.es.js +31 -47
- 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 +4 -4
- 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 +2 -2
- 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 +18 -18
- package/dist/components/RadioButton/index.test.es.js.map +1 -1
- package/dist/components/RadioGroupController/index.cjs.js +1 -1
- package/dist/components/RadioGroupController/index.cjs.js.map +1 -1
- package/dist/components/RadioGroupController/index.es.js +19 -19
- 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 +4 -4
- 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 +12 -11
- package/dist/components/RangeDatePicker/index.es.js.map +1 -1
- package/dist/components/RangeDatePickerController/index.cjs.js +1 -1
- package/dist/components/RangeDatePickerController/index.cjs.js.map +1 -1
- package/dist/components/RangeDatePickerController/index.es.js +32 -31
- 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 +8 -8
- 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 +17 -17
- 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 +8 -8
- 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 +22 -22
- 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 +26 -26
- 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 +7 -7
- package/dist/components/ReportChartMulti/index.test.es.js.map +1 -1
- package/dist/components/ScrollableDialog/index.cjs.js +1 -1
- package/dist/components/ScrollableDialog/index.cjs.js.map +1 -1
- package/dist/components/ScrollableDialog/index.es.js +15 -15
- 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 +19 -20
- package/dist/components/ScrollableDialog/index.test.es.js.map +1 -1
- package/dist/components/SearchForm/index.cjs.js +1 -1
- package/dist/components/SearchForm/index.cjs.js.map +1 -1
- package/dist/components/SearchForm/index.es.js +39 -48
- 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 +2 -2
- 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 +16 -16
- package/dist/components/SelectBox/index.test.es.js.map +1 -1
- package/dist/components/SelectBoxController/index.cjs.js +1 -1
- package/dist/components/SelectBoxController/index.cjs.js.map +1 -1
- package/dist/components/SelectBoxController/index.es.js +44 -44
- 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 +12 -12
- package/dist/components/SelectBoxController/index.test.es.js.map +1 -1
- package/dist/components/SideMenu/index.cjs.js +1 -14
- package/dist/components/SideMenu/index.cjs.js.map +1 -1
- package/dist/components/SideMenu/index.es.js +61 -1745
- 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 +11 -11
- package/dist/components/SideMenu/index.test.es.js.map +1 -1
- package/dist/components/SpinnerButton/index.cjs.js +1 -1
- package/dist/components/SpinnerButton/index.cjs.js.map +1 -1
- package/dist/components/SpinnerButton/index.es.js +3 -3
- 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 +9 -9
- package/dist/components/SpinnerButton/index.test.es.js.map +1 -1
- package/dist/components/SubMenu/index.cjs.js +1 -1
- package/dist/components/SubMenu/index.cjs.js.map +1 -1
- package/dist/components/SubMenu/index.es.js +32 -32
- 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 +16 -16
- package/dist/components/SubMenu/index.test.es.js.map +1 -1
- package/dist/components/Tabs/index.cjs.js +1 -1
- package/dist/components/Tabs/index.cjs.js.map +1 -1
- package/dist/components/Tabs/index.es.js +18 -18
- 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 +13 -13
- package/dist/components/Tabs/index.test.es.js.map +1 -1
- package/dist/components/Textarea/index.cjs.js +1 -1
- package/dist/components/Textarea/index.cjs.js.map +1 -1
- package/dist/components/Textarea/index.es.js +15 -15
- 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 +7 -7
- 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 +8 -8
- 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 +6 -6
- package/dist/components/Title/index.test.es.js.map +1 -1
- package/dist/components/ToggleButton/index.cjs.js +1 -1
- package/dist/components/ToggleButton/index.cjs.js.map +1 -1
- package/dist/components/ToggleButton/index.es.js +22 -22
- 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 +10 -10
- package/dist/components/ToggleButton/index.test.es.js.map +1 -1
- package/dist/components/VStack/index.cjs.js +1 -1
- package/dist/components/VStack/index.cjs.js.map +1 -1
- package/dist/components/VStack/index.es.js +3 -3
- 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 +8 -8
- package/dist/components/VStack/index.test.es.js.map +1 -1
- package/dist/index-B663CLQ0.cjs +2 -0
- package/dist/{index-DOtVVz6D.cjs.map → index-B663CLQ0.cjs.map} +1 -1
- package/dist/{index-DwYqI3bz.cjs → index-BHsZ5xlA.cjs} +2 -2
- package/dist/{index-DwYqI3bz.cjs.map → index-BHsZ5xlA.cjs.map} +1 -1
- package/dist/{index-DD-KSgEi.cjs → index-BoNIpBs7.cjs} +4 -4
- package/dist/{index-DD-KSgEi.cjs.map → index-BoNIpBs7.cjs.map} +1 -1
- package/dist/{index-0ocAFlwM.cjs → index-BpMSrIOq.cjs} +2 -2
- package/dist/{index-0ocAFlwM.cjs.map → index-BpMSrIOq.cjs.map} +1 -1
- package/dist/{index-DgMRcQ1J.js → index-BqN32Ptm.js} +6 -6
- package/dist/{index-DgMRcQ1J.js.map → index-BqN32Ptm.js.map} +1 -1
- package/dist/{index-CKlK963j.cjs → index-C50NsnJO.cjs} +2 -2
- package/dist/{index-CKlK963j.cjs.map → index-C50NsnJO.cjs.map} +1 -1
- package/dist/index-CCbJ_2yU.cjs +2 -0
- package/dist/{index-CC8i8yVF.cjs.map → index-CCbJ_2yU.cjs.map} +1 -1
- package/dist/index-CSiE_l9r.js +51 -0
- package/dist/{index-BFpfBoIf.js.map → index-CSiE_l9r.js.map} +1 -1
- package/dist/{index-Cm_1lb-3.js → index-D5b3AasF.js} +2 -2
- package/dist/{index-Cm_1lb-3.js.map → index-D5b3AasF.js.map} +1 -1
- package/dist/{index-BWKwvsbv.js → index-DCSLk6pp.js} +2 -2
- package/dist/{index-BWKwvsbv.js.map → index-DCSLk6pp.js.map} +1 -1
- package/dist/{index-LAxM3Vwk.js → index-ZP4xL6Dt.js} +3 -3
- package/dist/{index-LAxM3Vwk.js.map → index-ZP4xL6Dt.js.map} +1 -1
- package/dist/index-pr0ncuNy.js +35 -0
- package/dist/{index-B4IV6BB3.js.map → index-pr0ncuNy.js.map} +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +90 -87
- package/dist/index.es.js.map +1 -1
- package/dist/{react.esm-BL1KU4o5.js → react.esm-2FJSSo-S.js} +2829 -3959
- package/dist/react.esm-2FJSSo-S.js.map +1 -0
- package/dist/react.esm-CiMn0Rnx.cjs +73 -0
- package/dist/react.esm-CiMn0Rnx.cjs.map +1 -0
- package/package.json +1 -1
- package/dist/Clear-CyYcHjou.js +0 -15
- package/dist/Clear-CyYcHjou.js.map +0 -1
- package/dist/Clear-DsR7N4Q8.cjs +0 -2
- package/dist/Clear-DsR7N4Q8.cjs.map +0 -1
- package/dist/ExpandMore-BwxQSgiA.js +0 -15
- package/dist/ExpandMore-BwxQSgiA.js.map +0 -1
- package/dist/ExpandMore-WGCtrXpN.cjs +0 -2
- package/dist/ExpandMore-WGCtrXpN.cjs.map +0 -1
- package/dist/LocalizationProvider-4-QUqEIG.js +0 -161
- package/dist/LocalizationProvider-4-QUqEIG.js.map +0 -1
- package/dist/LocalizationProvider-CVNn6-0m.cjs +0 -3
- package/dist/LocalizationProvider-CVNn6-0m.cjs.map +0 -1
- package/dist/_commonjsHelpers-BkfeUUK-.js +0 -29
- package/dist/_commonjsHelpers-BkfeUUK-.js.map +0 -1
- package/dist/_commonjsHelpers-DwTZ_eVU.cjs +0 -2
- package/dist/_commonjsHelpers-DwTZ_eVU.cjs.map +0 -1
- package/dist/createSvgIcon-DO5XgE_n.cjs +0 -28
- package/dist/createSvgIcon-DO5XgE_n.cjs.map +0 -1
- package/dist/createSvgIcon-DhxOl24O.js +0 -1550
- package/dist/createSvgIcon-DhxOl24O.js.map +0 -1
- package/dist/extends-GhUDsoav.cjs +0 -2
- package/dist/extends-GhUDsoav.cjs.map +0 -1
- package/dist/extends-hS2Bh-Yp.js +0 -13
- package/dist/extends-hS2Bh-Yp.js.map +0 -1
- package/dist/index-B4IV6BB3.js +0 -35
- package/dist/index-BFpfBoIf.js +0 -51
- package/dist/index-BPja4eo8.cjs +0 -3
- package/dist/index-BPja4eo8.cjs.map +0 -1
- package/dist/index-CC8i8yVF.cjs +0 -2
- package/dist/index-COE1iIM7.cjs +0 -4
- package/dist/index-COE1iIM7.cjs.map +0 -1
- package/dist/index-DOtVVz6D.cjs +0 -2
- package/dist/index-F101coZ0.js +0 -4355
- package/dist/index-F101coZ0.js.map +0 -1
- package/dist/index-IKsAEDzd.js +0 -369
- package/dist/index-IKsAEDzd.js.map +0 -1
- package/dist/jsx-runtime-CbmOdJhC.js +0 -616
- package/dist/jsx-runtime-CbmOdJhC.js.map +0 -1
- package/dist/jsx-runtime-Dajn0hD2.cjs +0 -26
- package/dist/jsx-runtime-Dajn0hD2.cjs.map +0 -1
- package/dist/link-DvineOMa.js +0 -1880
- package/dist/link-DvineOMa.js.map +0 -1
- package/dist/link-Dz7XpBNS.cjs +0 -5
- package/dist/link-Dz7XpBNS.cjs.map +0 -1
- package/dist/react.esm-BL1KU4o5.js.map +0 -1
- package/dist/react.esm-DzAzWxXs.cjs +0 -91
- package/dist/react.esm-DzAzWxXs.cjs.map +0 -1
- package/dist/resolveProps-BbPxVWKC.cjs +0 -43
- package/dist/resolveProps-BbPxVWKC.cjs.map +0 -1
- package/dist/resolveProps-uiOkGxuE.js +0 -2244
- package/dist/resolveProps-uiOkGxuE.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Pagination/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\n\nimport { Pagination } from \".\";\n\ndescribe(\"Pagination component\", () => {\n const pageCount = 10;\n const activePage = 0;\n const onChangePage = jest.fn();\n window.scrollTo = jest.fn();\n\n it(\"renders the pagination with the correct number of pages (pageCount <= 4)\", () => {\n const pageCount = 4;\n\n render(\n <Pagination\n pageCount={pageCount}\n activePage={activePage}\n onChangePage={onChangePage}\n />,\n );\n\n const pages = screen.getAllByRole(\"listitem\");\n expect(pages).toHaveLength(pageCount + 2); // pageCount + prev + next buttons\n });\n\n it(\"renders the pagination with the correct number of pages (pageCount > 4)\", () => {\n render(\n <Pagination\n pageCount={pageCount}\n activePage={activePage}\n onChangePage={onChangePage}\n />,\n );\n\n const pages = screen.getAllByRole(\"listitem\");\n expect(pages).toHaveLength(6);\n });\n\n // it('renders the active page with the correct class', () => {\n // render(\n // <Pagination\n // pageCount={pageCount}\n // activePage={activePage}\n // onChangePage={onChangePage}\n // />\n // );\n\n // const activePageItem = screen.getByText('1');\n // expect(activePageItem).toHaveClass('paginationItemActive');\n // });\n\n // it(\"calls onChangePage with the correct page when a page is clicked\", () => {\n // render(\n // <Pagination\n // pageCount={pageCount}\n // activePage={activePage}\n // onChangePage={onChangePage}\n // />,\n // );\n\n // const targetPageNumber = 2;\n // const targetPage = screen.getByText(targetPageNumber.toString());\n // fireEvent.click(targetPage);\n\n // expect(onChangePage).toHaveBeenCalledWith(targetPageNumber - 1); // zero-based index\n // });\n\n it(\"should be accessible\", async () => {\n // const pageCount = 4;\n // const { container } = render(\n // <Pagination\n // pageCount={pageCount}\n // activePage={activePage}\n // onChangePage={onChangePage}\n // />,\n // );\n // const results = await axe(container);\n // https://github.com/AdeleD/react-paginate/pull/494\n // expect.extend(toHaveNoViolations);\n // expect(results).toHaveNoViolations();\n });\n});\n"],"names":["onChangePage","render","jsx","Pagination","pageCount","pages","screen"],"mappings":";;;AAIA,SAAS,wBAAwB,MAAM;AAG/B,QAAAA,IAAe,KAAK,GAAG;AACtB,SAAA,WAAW,KAAK,GAAG,GAE1B,GAAG,4EAA4E,MAAM;AAGnF,IAAAC;AAAA,
|
|
1
|
+
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Pagination/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\n\nimport { Pagination } from \".\";\n\ndescribe(\"Pagination component\", () => {\n const pageCount = 10;\n const activePage = 0;\n const onChangePage = jest.fn();\n window.scrollTo = jest.fn();\n\n it(\"renders the pagination with the correct number of pages (pageCount <= 4)\", () => {\n const pageCount = 4;\n\n render(\n <Pagination\n pageCount={pageCount}\n activePage={activePage}\n onChangePage={onChangePage}\n />,\n );\n\n const pages = screen.getAllByRole(\"listitem\");\n expect(pages).toHaveLength(pageCount + 2); // pageCount + prev + next buttons\n });\n\n it(\"renders the pagination with the correct number of pages (pageCount > 4)\", () => {\n render(\n <Pagination\n pageCount={pageCount}\n activePage={activePage}\n onChangePage={onChangePage}\n />,\n );\n\n const pages = screen.getAllByRole(\"listitem\");\n expect(pages).toHaveLength(6);\n });\n\n // it('renders the active page with the correct class', () => {\n // render(\n // <Pagination\n // pageCount={pageCount}\n // activePage={activePage}\n // onChangePage={onChangePage}\n // />\n // );\n\n // const activePageItem = screen.getByText('1');\n // expect(activePageItem).toHaveClass('paginationItemActive');\n // });\n\n // it(\"calls onChangePage with the correct page when a page is clicked\", () => {\n // render(\n // <Pagination\n // pageCount={pageCount}\n // activePage={activePage}\n // onChangePage={onChangePage}\n // />,\n // );\n\n // const targetPageNumber = 2;\n // const targetPage = screen.getByText(targetPageNumber.toString());\n // fireEvent.click(targetPage);\n\n // expect(onChangePage).toHaveBeenCalledWith(targetPageNumber - 1); // zero-based index\n // });\n\n it(\"should be accessible\", async () => {\n // const pageCount = 4;\n // const { container } = render(\n // <Pagination\n // pageCount={pageCount}\n // activePage={activePage}\n // onChangePage={onChangePage}\n // />,\n // );\n // const results = await axe(container);\n // https://github.com/AdeleD/react-paginate/pull/494\n // expect.extend(toHaveNoViolations);\n // expect(results).toHaveNoViolations();\n });\n});\n"],"names":["onChangePage","render","jsx","Pagination","pageCount","pages","screen"],"mappings":";;;AAIA,SAAS,wBAAwB,MAAM;AAG/B,QAAAA,IAAe,KAAK,GAAG;AACtB,SAAA,WAAW,KAAK,GAAG,GAE1B,GAAG,4EAA4E,MAAM;AAGnF,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAWC;AAAAA,UACX;AAAA,UACA,cAAAJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAEM,UAAAK,IAAQC,EAAO,aAAa,UAAU;AAC5C,WAAOD,CAAK,EAAE,aAAaD,CAAa;AAAA,EAAA,CACzC,GAED,GAAG,2EAA2E,MAAM;AAClF,IAAAH;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,cAAAH;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAEM,UAAAK,IAAQC,EAAO,aAAa,UAAU;AACrC,WAAAD,CAAK,EAAE,aAAa,CAAC;AAAA,EAAA,CAC7B,GA+BD,GAAG,wBAAwB,YAAY;AAAA,EAAA,CAatC;AACH,CAAC;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),b=require("react"),h=require("@mui/icons-material/Visibility"),m=require("@mui/icons-material/VisibilityOff"),o=require("@mui/material"),j=require("react-hook-form"),i=l=>{const{control:u,name:a,autoComplete:d,placeholder:c,defaultValue:p,inputProps:x}=l,[r,C]=b.useState(!1),w=()=>{C(!r)};return e.jsx(j.Controller,{control:u,name:a,defaultValue:p,render:({field:t,fieldState:s})=>{var n;return e.jsxs(o.FormControl,{error:s.invalid,children:[e.jsx(o.TextField,{...t,type:r?"text":"password",autoComplete:d,placeholder:c,value:t.value??"",InputProps:{...x,endAdornment:t.value?e.jsx(o.InputAdornment,{position:"end",children:e.jsx(o.IconButton,{"aria-label":"toggle password visibility",onClick:w,edge:"end",children:r?e.jsx(m,{}):e.jsx(h,{})})}):void 0},sx:{"& .MuiInput-underline:before":{borderColor:"#CCCCCC"},"& .MuiInputBase-root":{backgroundColor:"#FFFFFF"},"input:-webkit-autofill":{WebkitBoxShadow:"0 0 0 1000px white inset"}}}),e.jsx(o.FormHelperText,{children:(n=s.error)==null?void 0:n.message})]})}})};exports.PasswordInputController=i;exports.default=i;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../../
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/PasswordInputController/index.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport Visibility from \"@mui/icons-material/Visibility\";\nimport VisibilityOff from \"@mui/icons-material/VisibilityOff\";\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 MultilineOption = {\n rows: number;\n};\n\ntype Props<T extends FieldValues> = {\n control: Control<T>;\n textareaOption?: MultilineOption;\n name: FieldPath<T>;\n defaultValue: PathValue<T, FieldPath<T>>;\n autoComplete?: string;\n placeholder?: string;\n inputProps?:\n | Partial<FilledInputProps>\n | Partial<OutlinedInputProps>\n | Partial<InputProps>;\n};\n\nexport const PasswordInputController = <T extends FieldValues>(\n props: Props<T>,\n) => {\n const { control, name, autoComplete, placeholder, defaultValue, inputProps } =\n props;\n\n const [showPassword, setShowPassword] = useState(false);\n\n const handleClickShowPassword = () => {\n setShowPassword(!showPassword);\n };\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={showPassword ? \"text\" : \"password\"}\n autoComplete={autoComplete}\n placeholder={placeholder}\n value={field.value ?? \"\"}\n InputProps={{\n ...inputProps,\n endAdornment: field.value ? (\n <InputAdornment position=\"end\">\n <IconButton\n aria-label=\"toggle password visibility\"\n onClick={handleClickShowPassword}\n edge=\"end\"\n >\n {showPassword ? <VisibilityOff /> : <Visibility />}\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 />\n <FormHelperText>{fieldState.error?.message}</FormHelperText>\n </FormControl>\n )}\n />\n );\n};\n\nexport default PasswordInputController;\n"],"names":["PasswordInputController","props","control","name","autoComplete","placeholder","defaultValue","inputProps","showPassword","setShowPassword","useState","handleClickShowPassword","jsx","Controller","field","fieldState","jsxs","FormControl","TextField","InputAdornment","IconButton","VisibilityOff","Visibility","FormHelperText","_a"],"mappings":"uTAsCaA,EACXC,GACG,CACH,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,aAAAC,EAAc,YAAAC,EAAa,aAAAC,EAAc,WAAAC,GAC9DN,EAEI,CAACO,EAAcC,CAAe,EAAIC,EAAAA,SAAS,EAAK,EAEhDC,EAA0B,IAAM,CACpCF,EAAgB,CAACD,CAAY,CAC/B,EAGE,OAAAI,EAAA,IAACC,EAAA,WAAA,CACC,QAAAX,EACA,KAAAC,EACA,aAAAG,EACA,OAAQ,CAAC,CAAE,MAAAQ,EAAO,WAAAC,KACfC,OAAAA,OAAAA,EAAAA,KAAAC,EAAA,YAAA,CAAY,MAAOF,EAAW,QAC7B,SAAA,CAAAH,EAAA,IAACM,EAAA,UAAA,CACE,GAAGJ,EACJ,KAAMN,EAAe,OAAS,WAC9B,aAAAJ,EACA,YAAAC,EACA,MAAOS,EAAM,OAAS,GACtB,WAAY,CACV,GAAGP,EACH,aAAcO,EAAM,MACjBF,EAAA,IAAAO,EAAA,eAAA,CAAe,SAAS,MACvB,SAAAP,EAAA,IAACQ,EAAA,WAAA,CACC,aAAW,6BACX,QAAST,EACT,KAAK,MAEJ,SAAeH,EAAAI,MAACS,EAAc,CAAA,CAAA,QAAMC,EAAW,CAAA,CAAA,CAAA,GAEpD,EACE,MACN,EACA,GAAI,CACF,+BAAgC,CAC9B,YAAa,SACf,EACA,uBAAwB,CACtB,gBAAiB,SACnB,EACA,yBAA0B,CACxB,gBAAiB,0BAAA,CACnB,CACF,CACF,EACCV,EAAA,IAAAW,EAAA,eAAA,CAAgB,UAAWC,EAAAT,EAAA,QAAA,YAAAS,EAAO,OAAQ,CAAA,CAAA,CAC7C,CAAA,EAAA,CAEJ,CAEJ"}
|
|
@@ -1,55 +1,39 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { useState as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { FormControl as
|
|
6
|
-
import { Controller as
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
});
|
|
11
|
-
var u = o.default = void 0, P = y(n()), R = e;
|
|
12
|
-
u = o.default = (0, P.default)(/* @__PURE__ */ (0, R.jsx)("path", {
|
|
13
|
-
d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"
|
|
14
|
-
}), "Visibility");
|
|
15
|
-
var i = {}, S = l;
|
|
16
|
-
Object.defineProperty(i, "__esModule", {
|
|
17
|
-
value: !0
|
|
18
|
-
});
|
|
19
|
-
var d = i.default = void 0, k = S(n()), V = e;
|
|
20
|
-
d = i.default = (0, k.default)(/* @__PURE__ */ (0, V.jsx)("path", {
|
|
21
|
-
d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z"
|
|
22
|
-
}), "VisibilityOff");
|
|
23
|
-
const A = (p) => {
|
|
24
|
-
const { control: c, name: f, autoComplete: m, placeholder: v, defaultValue: x, inputProps: C } = p, [r, j] = h(!1), b = () => {
|
|
25
|
-
j(!r);
|
|
1
|
+
import { jsx as o, jsxs as C } from "react/jsx-runtime";
|
|
2
|
+
import { useState as w } from "react";
|
|
3
|
+
import h from "@mui/icons-material/Visibility";
|
|
4
|
+
import f from "@mui/icons-material/VisibilityOff";
|
|
5
|
+
import { FormControl as b, TextField as x, InputAdornment as F, IconButton as v, FormHelperText as I } from "@mui/material";
|
|
6
|
+
import { Controller as P } from "react-hook-form";
|
|
7
|
+
const j = (i) => {
|
|
8
|
+
const { control: s, name: l, autoComplete: a, placeholder: d, defaultValue: p, inputProps: u } = i, [r, m] = w(!1), c = () => {
|
|
9
|
+
m(!r);
|
|
26
10
|
};
|
|
27
|
-
return /* @__PURE__ */
|
|
28
|
-
|
|
11
|
+
return /* @__PURE__ */ o(
|
|
12
|
+
P,
|
|
29
13
|
{
|
|
30
|
-
control:
|
|
31
|
-
name:
|
|
32
|
-
defaultValue:
|
|
33
|
-
render: ({ field:
|
|
34
|
-
var
|
|
35
|
-
return /* @__PURE__ */
|
|
36
|
-
/* @__PURE__ */
|
|
37
|
-
|
|
14
|
+
control: s,
|
|
15
|
+
name: l,
|
|
16
|
+
defaultValue: p,
|
|
17
|
+
render: ({ field: e, fieldState: t }) => {
|
|
18
|
+
var n;
|
|
19
|
+
return /* @__PURE__ */ C(b, { error: t.invalid, children: [
|
|
20
|
+
/* @__PURE__ */ o(
|
|
21
|
+
x,
|
|
38
22
|
{
|
|
39
|
-
...
|
|
23
|
+
...e,
|
|
40
24
|
type: r ? "text" : "password",
|
|
41
|
-
autoComplete:
|
|
42
|
-
placeholder:
|
|
43
|
-
value:
|
|
25
|
+
autoComplete: a,
|
|
26
|
+
placeholder: d,
|
|
27
|
+
value: e.value ?? "",
|
|
44
28
|
InputProps: {
|
|
45
|
-
...
|
|
46
|
-
endAdornment:
|
|
47
|
-
|
|
29
|
+
...u,
|
|
30
|
+
endAdornment: e.value ? /* @__PURE__ */ o(F, { position: "end", children: /* @__PURE__ */ o(
|
|
31
|
+
v,
|
|
48
32
|
{
|
|
49
33
|
"aria-label": "toggle password visibility",
|
|
50
|
-
onClick:
|
|
34
|
+
onClick: c,
|
|
51
35
|
edge: "end",
|
|
52
|
-
children: r ? /* @__PURE__ */
|
|
36
|
+
children: r ? /* @__PURE__ */ o(f, {}) : /* @__PURE__ */ o(h, {})
|
|
53
37
|
}
|
|
54
38
|
) }) : void 0
|
|
55
39
|
},
|
|
@@ -66,14 +50,14 @@ const A = (p) => {
|
|
|
66
50
|
}
|
|
67
51
|
}
|
|
68
52
|
),
|
|
69
|
-
/* @__PURE__ */
|
|
53
|
+
/* @__PURE__ */ o(I, { children: (n = t.error) == null ? void 0 : n.message })
|
|
70
54
|
] });
|
|
71
55
|
}
|
|
72
56
|
}
|
|
73
57
|
);
|
|
74
58
|
};
|
|
75
59
|
export {
|
|
76
|
-
|
|
77
|
-
|
|
60
|
+
j as PasswordInputController,
|
|
61
|
+
j as default
|
|
78
62
|
};
|
|
79
63
|
//# sourceMappingURL=index.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../src/components/PasswordInputController/index.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport Visibility from \"@mui/icons-material/Visibility\";\nimport VisibilityOff from \"@mui/icons-material/VisibilityOff\";\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 MultilineOption = {\n rows: number;\n};\n\ntype Props<T extends FieldValues> = {\n control: Control<T>;\n textareaOption?: MultilineOption;\n name: FieldPath<T>;\n defaultValue: PathValue<T, FieldPath<T>>;\n autoComplete?: string;\n placeholder?: string;\n inputProps?:\n | Partial<FilledInputProps>\n | Partial<OutlinedInputProps>\n | Partial<InputProps>;\n};\n\nexport const PasswordInputController = <T extends FieldValues>(\n props: Props<T>,\n) => {\n const { control, name, autoComplete, placeholder, defaultValue, inputProps } =\n props;\n\n const [showPassword, setShowPassword] = useState(false);\n\n const handleClickShowPassword = () => {\n setShowPassword(!showPassword);\n };\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={showPassword ? \"text\" : \"password\"}\n autoComplete={autoComplete}\n placeholder={placeholder}\n value={field.value ?? \"\"}\n InputProps={{\n ...inputProps,\n endAdornment: field.value ? (\n <InputAdornment position=\"end\">\n <IconButton\n aria-label=\"toggle password visibility\"\n onClick={handleClickShowPassword}\n edge=\"end\"\n >\n {showPassword ? <VisibilityOff /> : <Visibility />}\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 />\n <FormHelperText>{fieldState.error?.message}</FormHelperText>\n </FormControl>\n )}\n />\n );\n};\n\nexport default PasswordInputController;\n"],"names":["PasswordInputController","props","control","name","autoComplete","placeholder","defaultValue","inputProps","showPassword","setShowPassword","useState","handleClickShowPassword","jsx","Controller","field","fieldState","jsxs","FormControl","TextField","InputAdornment","IconButton","VisibilityOff","Visibility","FormHelperText","_a"],"mappings":";;;;;;AAsCa,MAAAA,IAA0B,CACrCC,MACG;AACH,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,cAAAC,GAAc,aAAAC,GAAa,cAAAC,GAAc,YAAAC,MAC9DN,GAEI,CAACO,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhDC,IAA0B,MAAM;AACpC,IAAAF,EAAgB,CAACD,CAAY;AAAA,EAC/B;AAGE,SAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAX;AAAA,MACA,MAAAC;AAAA,MACA,cAAAG;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAQ,GAAO,YAAAC,QACf;;AAAA,+BAAAC,EAAAC,GAAA,EAAY,OAAOF,EAAW,SAC7B,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACM;AAAA,YAAA;AAAA,cACE,GAAGJ;AAAA,cACJ,MAAMN,IAAe,SAAS;AAAA,cAC9B,cAAAJ;AAAA,cACA,aAAAC;AAAA,cACA,OAAOS,EAAM,SAAS;AAAA,cACtB,YAAY;AAAA,gBACV,GAAGP;AAAA,gBACH,cAAcO,EAAM,QACjB,gBAAAF,EAAAO,GAAA,EAAe,UAAS,OACvB,UAAA,gBAAAP;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACC,cAAW;AAAA,oBACX,SAAST;AAAA,oBACT,MAAK;AAAA,oBAEJ,UAAeH,IAAA,gBAAAI,EAACS,GAAc,CAAA,CAAA,sBAAMC,GAAW,CAAA,CAAA;AAAA,kBAAA;AAAA,mBAEpD,IACE;AAAA,cACN;AAAA,cACA,IAAI;AAAA,gBACF,gCAAgC;AAAA,kBAC9B,aAAa;AAAA,gBACf;AAAA,gBACA,wBAAwB;AAAA,kBACtB,iBAAiB;AAAA,gBACnB;AAAA,gBACA,0BAA0B;AAAA,kBACxB,iBAAiB;AAAA,gBAAA;AAAA,cACnB;AAAA,YACF;AAAA,UACF;AAAA,UACC,gBAAAV,EAAAW,GAAA,EAAgB,WAAWC,IAAAT,EAAA,UAAA,gBAAAS,EAAO,QAAQ,CAAA;AAAA,QAAA,EAC7C,CAAA;AAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const n=require("
|
|
1
|
+
"use strict";const n=require("react/jsx-runtime"),t=require("../../react.esm-CiMn0Rnx.cjs"),c=require("react-hook-form"),l=require("./index.cjs.js");describe("PasswordInputController component",()=>{it("renders a password input with the correct name, autoComplete, placeholder, and default value",()=>{const s=t.renderHook(()=>c.useForm().control).result.current,r="TestPassword",o="Password";t.render(n.jsx(l.PasswordInputController,{control:s,name:r,placeholder:o,defaultValue:""}));const e=t.screen.getByPlaceholderText(o);expect(e).toBeInTheDocument(),expect(e).toHaveAttribute("type","password"),expect(e).toHaveAttribute("name",r),expect(e).toHaveAttribute("placeholder",o)}),it("sets value to default value if input is empty",()=>{const s=t.renderHook(()=>c.useForm().control).result.current,r="TestPassword",o="Password";t.render(n.jsx(l.PasswordInputController,{control:s,name:r,placeholder:o,defaultValue:"DefaultPassword"}));const e=t.screen.getByPlaceholderText(o);expect(e).toBeInTheDocument(),t.fireEvent.change(e,{target:{value:""}})})});
|
|
2
2
|
//# sourceMappingURL=index.test.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/PasswordInputController/index.test.tsx"],"sourcesContent":["import { fireEvent, render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { PasswordInputController } from \".\";\n\ndescribe(\"PasswordInputController component\", () => {\n it(\"renders a password input with the correct name, autoComplete, placeholder, and default value\", () => {\n const controlResult = renderHook(() => {\n const methods = useForm();\n return methods.control;\n });\n const control = controlResult.result.current;\n const testName = \"TestPassword\";\n const placeholder = \"Password\";\n const defaultValue = \"\";\n\n render(\n <PasswordInputController\n control={control}\n name={testName}\n placeholder={placeholder}\n defaultValue={defaultValue}\n />,\n );\n\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toBeInTheDocument();\n expect(input).toHaveAttribute(\"type\", \"password\");\n expect(input).toHaveAttribute(\"name\", testName);\n expect(input).toHaveAttribute(\"placeholder\", placeholder);\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 = \"TestPassword\";\n const placeholder = \"Password\";\n const defaultValue = \"DefaultPassword\";\n\n render(\n <PasswordInputController\n control={control}\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","PasswordInputController","input","screen","fireEvent"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/PasswordInputController/index.test.tsx"],"sourcesContent":["import { fireEvent, render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { PasswordInputController } from \".\";\n\ndescribe(\"PasswordInputController component\", () => {\n it(\"renders a password input with the correct name, autoComplete, placeholder, and default value\", () => {\n const controlResult = renderHook(() => {\n const methods = useForm();\n return methods.control;\n });\n const control = controlResult.result.current;\n const testName = \"TestPassword\";\n const placeholder = \"Password\";\n const defaultValue = \"\";\n\n render(\n <PasswordInputController\n control={control}\n name={testName}\n placeholder={placeholder}\n defaultValue={defaultValue}\n />,\n );\n\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toBeInTheDocument();\n expect(input).toHaveAttribute(\"type\", \"password\");\n expect(input).toHaveAttribute(\"name\", testName);\n expect(input).toHaveAttribute(\"placeholder\", placeholder);\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 = \"TestPassword\";\n const placeholder = \"Password\";\n const defaultValue = \"DefaultPassword\";\n\n render(\n <PasswordInputController\n control={control}\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","PasswordInputController","input","screen","fireEvent"],"mappings":"qJAKA,SAAS,oCAAqC,IAAM,CAClD,GAAG,+FAAgG,IAAM,CAKjG,MAAAA,EAJgBC,EAAAA,WAAW,IACfC,EAAAA,QAAQ,EACT,OAChB,EAC6B,OAAO,QAC/BC,EAAW,eACXC,EAAc,WAGpBC,EAAA,OACEC,EAAA,IAACC,EAAA,wBAAA,CACC,QAAAP,EACA,KAAMG,EACN,YAAAC,EACA,aAPiB,EAOjB,CAAA,CAEJ,EAEM,MAAAI,EAAQC,EAAAA,OAAO,qBAAqBL,CAAW,EAC9C,OAAAI,CAAK,EAAE,kBAAkB,EAChC,OAAOA,CAAK,EAAE,gBAAgB,OAAQ,UAAU,EAChD,OAAOA,CAAK,EAAE,gBAAgB,OAAQL,CAAQ,EAC9C,OAAOK,CAAK,EAAE,gBAAgB,cAAeJ,CAAW,CAAA,CACzD,EAED,GAAG,gDAAiD,IAAM,CAKlD,MAAAJ,EAJgBC,EAAAA,WAAW,IACfC,EAAAA,QAAQ,EACT,OAChB,EAC6B,OAAO,QAC/BC,EAAW,eACXC,EAAc,WAGpBC,EAAA,OACEC,EAAA,IAACC,EAAA,wBAAA,CACC,QAAAP,EACA,KAAMG,EACN,YAAAC,EACA,aAPiB,iBAOjB,CAAA,CAEJ,EAEM,MAAAI,EAAQC,EAAAA,OAAO,qBAAqBL,CAAW,EAC9C,OAAAI,CAAK,EAAE,kBAAkB,EAGtBE,EAAA,UAAA,OAAOF,EAAO,CAAE,OAAQ,CAAE,MAAO,EAAA,EAAM,CAAA,CAClD,CACH,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { a as n, r as a, s as l, f as i } from "../../react.esm-
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { a as n, r as a, s as l, f as i } from "../../react.esm-2FJSSo-S.js";
|
|
3
3
|
import { useForm as c } from "react-hook-form";
|
|
4
4
|
import { PasswordInputController as u } from "./index.es.js";
|
|
5
5
|
describe("PasswordInputController component", () => {
|
|
6
6
|
it("renders a password input with the correct name, autoComplete, placeholder, and default value", () => {
|
|
7
7
|
const r = n(() => c().control).result.current, o = "TestPassword", t = "Password";
|
|
8
8
|
a(
|
|
9
|
-
/* @__PURE__ */ s
|
|
9
|
+
/* @__PURE__ */ s(
|
|
10
10
|
u,
|
|
11
11
|
{
|
|
12
12
|
control: r,
|
|
@@ -21,7 +21,7 @@ describe("PasswordInputController component", () => {
|
|
|
21
21
|
}), it("sets value to default value if input is empty", () => {
|
|
22
22
|
const r = n(() => c().control).result.current, o = "TestPassword", t = "Password";
|
|
23
23
|
a(
|
|
24
|
-
/* @__PURE__ */ s
|
|
24
|
+
/* @__PURE__ */ s(
|
|
25
25
|
u,
|
|
26
26
|
{
|
|
27
27
|
control: r,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/PasswordInputController/index.test.tsx"],"sourcesContent":["import { fireEvent, render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { PasswordInputController } from \".\";\n\ndescribe(\"PasswordInputController component\", () => {\n it(\"renders a password input with the correct name, autoComplete, placeholder, and default value\", () => {\n const controlResult = renderHook(() => {\n const methods = useForm();\n return methods.control;\n });\n const control = controlResult.result.current;\n const testName = \"TestPassword\";\n const placeholder = \"Password\";\n const defaultValue = \"\";\n\n render(\n <PasswordInputController\n control={control}\n name={testName}\n placeholder={placeholder}\n defaultValue={defaultValue}\n />,\n );\n\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toBeInTheDocument();\n expect(input).toHaveAttribute(\"type\", \"password\");\n expect(input).toHaveAttribute(\"name\", testName);\n expect(input).toHaveAttribute(\"placeholder\", placeholder);\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 = \"TestPassword\";\n const placeholder = \"Password\";\n const defaultValue = \"DefaultPassword\";\n\n render(\n <PasswordInputController\n control={control}\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","PasswordInputController","input","screen","fireEvent"],"mappings":";;;;AAKA,SAAS,qCAAqC,MAAM;AAClD,KAAG,gGAAgG,MAAM;AAKjG,UAAAA,IAJgBC,EAAW,MACfC,EAAQ,EACT,OAChB,EAC6B,OAAO,SAC/BC,IAAW,gBACXC,IAAc;AAGpB,IAAAC;AAAA,
|
|
1
|
+
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/PasswordInputController/index.test.tsx"],"sourcesContent":["import { fireEvent, render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { PasswordInputController } from \".\";\n\ndescribe(\"PasswordInputController component\", () => {\n it(\"renders a password input with the correct name, autoComplete, placeholder, and default value\", () => {\n const controlResult = renderHook(() => {\n const methods = useForm();\n return methods.control;\n });\n const control = controlResult.result.current;\n const testName = \"TestPassword\";\n const placeholder = \"Password\";\n const defaultValue = \"\";\n\n render(\n <PasswordInputController\n control={control}\n name={testName}\n placeholder={placeholder}\n defaultValue={defaultValue}\n />,\n );\n\n const input = screen.getByPlaceholderText(placeholder);\n expect(input).toBeInTheDocument();\n expect(input).toHaveAttribute(\"type\", \"password\");\n expect(input).toHaveAttribute(\"name\", testName);\n expect(input).toHaveAttribute(\"placeholder\", placeholder);\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 = \"TestPassword\";\n const placeholder = \"Password\";\n const defaultValue = \"DefaultPassword\";\n\n render(\n <PasswordInputController\n control={control}\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","PasswordInputController","input","screen","fireEvent"],"mappings":";;;;AAKA,SAAS,qCAAqC,MAAM;AAClD,KAAG,gGAAgG,MAAM;AAKjG,UAAAA,IAJgBC,EAAW,MACfC,EAAQ,EACT,OAChB,EAC6B,OAAO,SAC/BC,IAAW,gBACXC,IAAc;AAGpB,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,MAAMG;AAAA,UACN,aAAAC;AAAA,UACA,cAPiB;AAAA,QAOjB;AAAA,MAAA;AAAA,IAEJ;AAEM,UAAAI,IAAQC,EAAO,qBAAqBL,CAAW;AAC9C,WAAAI,CAAK,EAAE,kBAAkB,GAChC,OAAOA,CAAK,EAAE,gBAAgB,QAAQ,UAAU,GAChD,OAAOA,CAAK,EAAE,gBAAgB,QAAQL,CAAQ,GAC9C,OAAOK,CAAK,EAAE,gBAAgB,eAAeJ,CAAW;AAAA,EAAA,CACzD,GAED,GAAG,iDAAiD,MAAM;AAKlD,UAAAJ,IAJgBC,EAAW,MACfC,EAAQ,EACT,OAChB,EAC6B,OAAO,SAC/BC,IAAW,gBACXC,IAAc;AAGpB,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAP;AAAA,UACA,MAAMG;AAAA,UACN,aAAAC;AAAA,UACA,cAPiB;AAAA,QAOjB;AAAA,MAAA;AAAA,IAEJ;AAEM,UAAAI,IAAQC,EAAO,qBAAqBL,CAAW;AAC9C,WAAAI,CAAK,EAAE,kBAAkB,GAGtBE,EAAA,OAAOF,GAAO,EAAE,QAAQ,EAAE,OAAO,GAAA,GAAM;AAAA,EAAA,CAClD;AACH,CAAC;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("react/jsx-runtime");require("classnames");const e=require("../../index-B663CLQ0.cjs");exports.RadioButton=e.RadioButton;exports.default=e.RadioButton;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const n=require("
|
|
1
|
+
"use strict";const n=require("react/jsx-runtime"),t=require("../../react.esm-CiMn0Rnx.cjs"),i=require("../../index-BHsZ5xlA.cjs"),s=require("../../index-B663CLQ0.cjs");describe("RadioButton component",()=>{const o=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"}];it("renders the radio buttons with correct labels and values",()=>{t.render(n.jsx(s.RadioButton,{values:o})),o.forEach(({label:e,value:r})=>{const a=t.screen.getByLabelText(e);expect(a).toBeInTheDocument(),expect(a).toHaveAttribute("value",r)})}),it("shows error message when provided",()=>{const e="Error message";t.render(n.jsx(s.RadioButton,{values:o,errorMessage:e}));const r=t.screen.getByText(e);expect(r).toBeInTheDocument()}),it("does not show error message when not provided",()=>{t.render(n.jsx(s.RadioButton,{values:o}));const e=t.screen.queryByText(/Error message/i);expect(e).not.toBeInTheDocument()}),it("applies the error class to inputs when errorMessage is provided",()=>{t.render(n.jsx(s.RadioButton,{values:o,errorMessage:"Error message"})),o.forEach(({label:r})=>{const a=t.screen.getByLabelText(r);expect(a).toHaveClass(s.styles.error)})}),it("does not apply the error class to inputs when errorMessage is not provided",()=>{t.render(n.jsx(s.RadioButton,{values:o})),o.forEach(({label:e})=>{const r=t.screen.getByLabelText(e);expect(r).not.toHaveClass(s.styles.error)})}),it("should be accessible",async()=>{const{container:e}=t.render(n.jsx(s.RadioButton,{values:o})),r=await i.jestAxe.axe(e);expect.extend(i.jestAxe.toHaveNoViolations),expect(r).toHaveNoViolations()})});
|
|
2
2
|
//# sourceMappingURL=index.test.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/RadioButton/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { RadioButton } from \".\";\nimport styles from \"./index.module.scss\";\n\ndescribe(\"RadioButton component\", () => {\n const values = [\n { label: \"Option 1\", value: \"option1\" },\n { label: \"Option 2\", value: \"option2\" },\n ];\n\n it(\"renders the radio buttons with correct labels and values\", () => {\n render(<RadioButton values={values} />);\n\n values.forEach(({ label, value }) => {\n const radioButton = screen.getByLabelText(label);\n expect(radioButton).toBeInTheDocument();\n expect(radioButton).toHaveAttribute(\"value\", value);\n });\n });\n\n it(\"shows error message when provided\", () => {\n const errorMessage = \"Error message\";\n render(<RadioButton values={values} errorMessage={errorMessage} />);\n\n const errorElement = screen.getByText(errorMessage);\n expect(errorElement).toBeInTheDocument();\n });\n\n it(\"does not show error message when not provided\", () => {\n render(<RadioButton values={values} />);\n\n const errorElement = screen.queryByText(/Error message/i);\n expect(errorElement).not.toBeInTheDocument();\n });\n\n it(\"applies the error class to inputs when errorMessage is provided\", () => {\n const errorMessage = \"Error message\";\n render(<RadioButton values={values} errorMessage={errorMessage} />);\n\n values.forEach(({ label }) => {\n const radioButton = screen.getByLabelText(label);\n expect(radioButton).toHaveClass(styles.error);\n });\n });\n\n it(\"does not apply the error class to inputs when errorMessage is not provided\", () => {\n render(<RadioButton values={values} />);\n\n values.forEach(({ label }) => {\n const radioButton = screen.getByLabelText(label);\n expect(radioButton).not.toHaveClass(styles.error);\n });\n });\n\n it(\"should be accessible\", async () => {\n const { container } = render(<RadioButton values={values} />);\n const results = await axe(container);\n\n expect.extend(toHaveNoViolations);\n expect(results).toHaveNoViolations();\n });\n});\n"],"names":["values","render","jsx","RadioButton","label","value","radioButton","screen","errorMessage","errorElement","styles","container","results","axe","toHaveNoViolations"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/RadioButton/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { RadioButton } from \".\";\nimport styles from \"./index.module.scss\";\n\ndescribe(\"RadioButton component\", () => {\n const values = [\n { label: \"Option 1\", value: \"option1\" },\n { label: \"Option 2\", value: \"option2\" },\n ];\n\n it(\"renders the radio buttons with correct labels and values\", () => {\n render(<RadioButton values={values} />);\n\n values.forEach(({ label, value }) => {\n const radioButton = screen.getByLabelText(label);\n expect(radioButton).toBeInTheDocument();\n expect(radioButton).toHaveAttribute(\"value\", value);\n });\n });\n\n it(\"shows error message when provided\", () => {\n const errorMessage = \"Error message\";\n render(<RadioButton values={values} errorMessage={errorMessage} />);\n\n const errorElement = screen.getByText(errorMessage);\n expect(errorElement).toBeInTheDocument();\n });\n\n it(\"does not show error message when not provided\", () => {\n render(<RadioButton values={values} />);\n\n const errorElement = screen.queryByText(/Error message/i);\n expect(errorElement).not.toBeInTheDocument();\n });\n\n it(\"applies the error class to inputs when errorMessage is provided\", () => {\n const errorMessage = \"Error message\";\n render(<RadioButton values={values} errorMessage={errorMessage} />);\n\n values.forEach(({ label }) => {\n const radioButton = screen.getByLabelText(label);\n expect(radioButton).toHaveClass(styles.error);\n });\n });\n\n it(\"does not apply the error class to inputs when errorMessage is not provided\", () => {\n render(<RadioButton values={values} />);\n\n values.forEach(({ label }) => {\n const radioButton = screen.getByLabelText(label);\n expect(radioButton).not.toHaveClass(styles.error);\n });\n });\n\n it(\"should be accessible\", async () => {\n const { container } = render(<RadioButton values={values} />);\n const results = await axe(container);\n\n expect.extend(toHaveNoViolations);\n expect(results).toHaveNoViolations();\n });\n});\n"],"names":["values","render","jsx","RadioButton","label","value","radioButton","screen","errorMessage","errorElement","styles","container","results","axe","toHaveNoViolations"],"mappings":"wKAMA,SAAS,wBAAyB,IAAM,CACtC,MAAMA,EAAS,CACb,CAAE,MAAO,WAAY,MAAO,SAAU,EACtC,CAAE,MAAO,WAAY,MAAO,SAAU,CACxC,EAEA,GAAG,2DAA4D,IAAM,CAC5DC,EAAAA,OAAAC,EAAAA,IAACC,EAAAA,YAAY,CAAA,OAAAH,CAAgB,CAAA,CAAE,EAEtCA,EAAO,QAAQ,CAAC,CAAE,MAAAI,EAAO,MAAAC,KAAY,CAC7B,MAAAC,EAAcC,EAAAA,OAAO,eAAeH,CAAK,EACxC,OAAAE,CAAW,EAAE,kBAAkB,EACtC,OAAOA,CAAW,EAAE,gBAAgB,QAASD,CAAK,CAAA,CACnD,CAAA,CACF,EAED,GAAG,oCAAqC,IAAM,CAC5C,MAAMG,EAAe,gBACrBP,EAAA,OAAQC,EAAA,IAAAC,EAAA,YAAA,CAAY,OAAAH,EAAgB,aAAAQ,CAA4B,CAAA,CAAE,EAE5D,MAAAC,EAAeF,EAAAA,OAAO,UAAUC,CAAY,EAC3C,OAAAC,CAAY,EAAE,kBAAkB,CAAA,CACxC,EAED,GAAG,gDAAiD,IAAM,CACjDR,EAAAA,OAAAC,EAAAA,IAACC,EAAAA,YAAY,CAAA,OAAAH,CAAgB,CAAA,CAAE,EAEhC,MAAAS,EAAeF,EAAAA,OAAO,YAAY,gBAAgB,EACjD,OAAAE,CAAY,EAAE,IAAI,kBAAkB,CAAA,CAC5C,EAED,GAAG,kEAAmE,IAAM,CAE1ER,EAAA,OAAQC,EAAA,IAAAC,EAAA,YAAA,CAAY,OAAAH,EAAgB,aADf,eAC2C,CAAA,CAAE,EAElEA,EAAO,QAAQ,CAAC,CAAE,MAAAI,KAAY,CACtB,MAAAE,EAAcC,EAAAA,OAAO,eAAeH,CAAK,EAC/C,OAAOE,CAAW,EAAE,YAAYI,EAAAA,OAAO,KAAK,CAAA,CAC7C,CAAA,CACF,EAED,GAAG,6EAA8E,IAAM,CAC9ET,EAAAA,OAAAC,EAAAA,IAACC,EAAAA,YAAY,CAAA,OAAAH,CAAgB,CAAA,CAAE,EAEtCA,EAAO,QAAQ,CAAC,CAAE,MAAAI,KAAY,CACtB,MAAAE,EAAcC,EAAAA,OAAO,eAAeH,CAAK,EAC/C,OAAOE,CAAW,EAAE,IAAI,YAAYI,EAAAA,OAAO,KAAK,CAAA,CACjD,CAAA,CACF,EAED,GAAG,uBAAwB,SAAY,CACrC,KAAM,CAAE,UAAAC,CAAU,EAAIV,SAAQC,EAAA,IAAAC,cAAA,CAAY,OAAAH,EAAgB,CAAE,EACtDY,EAAU,MAAMC,EAAA,QAAA,IAAIF,CAAS,EAEnC,OAAO,OAAOG,4BAAkB,EACzB,OAAAF,CAAO,EAAE,mBAAmB,CAAA,CACpC,CACH,CAAC"}
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { r, s as n } from "../../react.esm-
|
|
3
|
-
import { j as c } from "../../index-
|
|
4
|
-
import { s as l, R as a } from "../../index-
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { r as s, s as n } from "../../react.esm-2FJSSo-S.js";
|
|
3
|
+
import { j as c } from "../../index-ZP4xL6Dt.js";
|
|
4
|
+
import { s as l, R as a } from "../../index-pr0ncuNy.js";
|
|
5
5
|
describe("RadioButton component", () => {
|
|
6
|
-
const
|
|
6
|
+
const o = [
|
|
7
7
|
{ label: "Option 1", value: "option1" },
|
|
8
8
|
{ label: "Option 2", value: "option2" }
|
|
9
9
|
];
|
|
10
10
|
it("renders the radio buttons with correct labels and values", () => {
|
|
11
|
-
|
|
11
|
+
s(/* @__PURE__ */ r(a, { values: o })), o.forEach(({ label: e, value: t }) => {
|
|
12
12
|
const i = n.getByLabelText(e);
|
|
13
|
-
expect(i).toBeInTheDocument(), expect(i).toHaveAttribute("value",
|
|
13
|
+
expect(i).toBeInTheDocument(), expect(i).toHaveAttribute("value", t);
|
|
14
14
|
});
|
|
15
15
|
}), it("shows error message when provided", () => {
|
|
16
16
|
const e = "Error message";
|
|
17
|
-
|
|
18
|
-
const
|
|
19
|
-
expect(
|
|
17
|
+
s(/* @__PURE__ */ r(a, { values: o, errorMessage: e }));
|
|
18
|
+
const t = n.getByText(e);
|
|
19
|
+
expect(t).toBeInTheDocument();
|
|
20
20
|
}), it("does not show error message when not provided", () => {
|
|
21
|
-
|
|
21
|
+
s(/* @__PURE__ */ r(a, { values: o }));
|
|
22
22
|
const e = n.queryByText(/Error message/i);
|
|
23
23
|
expect(e).not.toBeInTheDocument();
|
|
24
24
|
}), it("applies the error class to inputs when errorMessage is provided", () => {
|
|
25
|
-
|
|
26
|
-
const i = n.getByLabelText(
|
|
25
|
+
s(/* @__PURE__ */ r(a, { values: o, errorMessage: "Error message" })), o.forEach(({ label: t }) => {
|
|
26
|
+
const i = n.getByLabelText(t);
|
|
27
27
|
expect(i).toHaveClass(l.error);
|
|
28
28
|
});
|
|
29
29
|
}), it("does not apply the error class to inputs when errorMessage is not provided", () => {
|
|
30
|
-
|
|
31
|
-
const
|
|
32
|
-
expect(
|
|
30
|
+
s(/* @__PURE__ */ r(a, { values: o })), o.forEach(({ label: e }) => {
|
|
31
|
+
const t = n.getByLabelText(e);
|
|
32
|
+
expect(t).not.toHaveClass(l.error);
|
|
33
33
|
});
|
|
34
34
|
}), it("should be accessible", async () => {
|
|
35
|
-
const { container: e } =
|
|
36
|
-
expect.extend(c.toHaveNoViolations), expect(
|
|
35
|
+
const { container: e } = s(/* @__PURE__ */ r(a, { values: o })), t = await c.axe(e);
|
|
36
|
+
expect.extend(c.toHaveNoViolations), expect(t).toHaveNoViolations();
|
|
37
37
|
});
|
|
38
38
|
});
|
|
39
39
|
//# sourceMappingURL=index.test.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/RadioButton/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { RadioButton } from \".\";\nimport styles from \"./index.module.scss\";\n\ndescribe(\"RadioButton component\", () => {\n const values = [\n { label: \"Option 1\", value: \"option1\" },\n { label: \"Option 2\", value: \"option2\" },\n ];\n\n it(\"renders the radio buttons with correct labels and values\", () => {\n render(<RadioButton values={values} />);\n\n values.forEach(({ label, value }) => {\n const radioButton = screen.getByLabelText(label);\n expect(radioButton).toBeInTheDocument();\n expect(radioButton).toHaveAttribute(\"value\", value);\n });\n });\n\n it(\"shows error message when provided\", () => {\n const errorMessage = \"Error message\";\n render(<RadioButton values={values} errorMessage={errorMessage} />);\n\n const errorElement = screen.getByText(errorMessage);\n expect(errorElement).toBeInTheDocument();\n });\n\n it(\"does not show error message when not provided\", () => {\n render(<RadioButton values={values} />);\n\n const errorElement = screen.queryByText(/Error message/i);\n expect(errorElement).not.toBeInTheDocument();\n });\n\n it(\"applies the error class to inputs when errorMessage is provided\", () => {\n const errorMessage = \"Error message\";\n render(<RadioButton values={values} errorMessage={errorMessage} />);\n\n values.forEach(({ label }) => {\n const radioButton = screen.getByLabelText(label);\n expect(radioButton).toHaveClass(styles.error);\n });\n });\n\n it(\"does not apply the error class to inputs when errorMessage is not provided\", () => {\n render(<RadioButton values={values} />);\n\n values.forEach(({ label }) => {\n const radioButton = screen.getByLabelText(label);\n expect(radioButton).not.toHaveClass(styles.error);\n });\n });\n\n it(\"should be accessible\", async () => {\n const { container } = render(<RadioButton values={values} />);\n const results = await axe(container);\n\n expect.extend(toHaveNoViolations);\n expect(results).toHaveNoViolations();\n });\n});\n"],"names":["values","render","jsx","RadioButton","label","value","radioButton","screen","errorMessage","errorElement","styles","container","results","axe","toHaveNoViolations"],"mappings":";;;;AAMA,SAAS,yBAAyB,MAAM;AACtC,QAAMA,IAAS;AAAA,IACb,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACxC;AAEA,KAAG,4DAA4D,MAAM;AAC5D,IAAAC,
|
|
1
|
+
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/RadioButton/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { RadioButton } from \".\";\nimport styles from \"./index.module.scss\";\n\ndescribe(\"RadioButton component\", () => {\n const values = [\n { label: \"Option 1\", value: \"option1\" },\n { label: \"Option 2\", value: \"option2\" },\n ];\n\n it(\"renders the radio buttons with correct labels and values\", () => {\n render(<RadioButton values={values} />);\n\n values.forEach(({ label, value }) => {\n const radioButton = screen.getByLabelText(label);\n expect(radioButton).toBeInTheDocument();\n expect(radioButton).toHaveAttribute(\"value\", value);\n });\n });\n\n it(\"shows error message when provided\", () => {\n const errorMessage = \"Error message\";\n render(<RadioButton values={values} errorMessage={errorMessage} />);\n\n const errorElement = screen.getByText(errorMessage);\n expect(errorElement).toBeInTheDocument();\n });\n\n it(\"does not show error message when not provided\", () => {\n render(<RadioButton values={values} />);\n\n const errorElement = screen.queryByText(/Error message/i);\n expect(errorElement).not.toBeInTheDocument();\n });\n\n it(\"applies the error class to inputs when errorMessage is provided\", () => {\n const errorMessage = \"Error message\";\n render(<RadioButton values={values} errorMessage={errorMessage} />);\n\n values.forEach(({ label }) => {\n const radioButton = screen.getByLabelText(label);\n expect(radioButton).toHaveClass(styles.error);\n });\n });\n\n it(\"does not apply the error class to inputs when errorMessage is not provided\", () => {\n render(<RadioButton values={values} />);\n\n values.forEach(({ label }) => {\n const radioButton = screen.getByLabelText(label);\n expect(radioButton).not.toHaveClass(styles.error);\n });\n });\n\n it(\"should be accessible\", async () => {\n const { container } = render(<RadioButton values={values} />);\n const results = await axe(container);\n\n expect.extend(toHaveNoViolations);\n expect(results).toHaveNoViolations();\n });\n});\n"],"names":["values","render","jsx","RadioButton","label","value","radioButton","screen","errorMessage","errorElement","styles","container","results","axe","toHaveNoViolations"],"mappings":";;;;AAMA,SAAS,yBAAyB,MAAM;AACtC,QAAMA,IAAS;AAAA,IACb,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,IACtC,EAAE,OAAO,YAAY,OAAO,UAAU;AAAA,EACxC;AAEA,KAAG,4DAA4D,MAAM;AAC5D,IAAAC,EAAA,gBAAAC,EAACC,GAAY,EAAA,QAAAH,EAAgB,CAAA,CAAE,GAEtCA,EAAO,QAAQ,CAAC,EAAE,OAAAI,GAAO,OAAAC,QAAY;AAC7B,YAAAC,IAAcC,EAAO,eAAeH,CAAK;AACxC,aAAAE,CAAW,EAAE,kBAAkB,GACtC,OAAOA,CAAW,EAAE,gBAAgB,SAASD,CAAK;AAAA,IAAA,CACnD;AAAA,EAAA,CACF,GAED,GAAG,qCAAqC,MAAM;AAC5C,UAAMG,IAAe;AACrB,IAAAP,EAAQ,gBAAAC,EAAAC,GAAA,EAAY,QAAAH,GAAgB,cAAAQ,EAA4B,CAAA,CAAE;AAE5D,UAAAC,IAAeF,EAAO,UAAUC,CAAY;AAC3C,WAAAC,CAAY,EAAE,kBAAkB;AAAA,EAAA,CACxC,GAED,GAAG,iDAAiD,MAAM;AACjD,IAAAR,EAAA,gBAAAC,EAACC,GAAY,EAAA,QAAAH,EAAgB,CAAA,CAAE;AAEhC,UAAAS,IAAeF,EAAO,YAAY,gBAAgB;AACjD,WAAAE,CAAY,EAAE,IAAI,kBAAkB;AAAA,EAAA,CAC5C,GAED,GAAG,mEAAmE,MAAM;AAE1E,IAAAR,EAAQ,gBAAAC,EAAAC,GAAA,EAAY,QAAAH,GAAgB,cADf,gBAC2C,CAAA,CAAE,GAElEA,EAAO,QAAQ,CAAC,EAAE,OAAAI,QAAY;AACtB,YAAAE,IAAcC,EAAO,eAAeH,CAAK;AAC/C,aAAOE,CAAW,EAAE,YAAYI,EAAO,KAAK;AAAA,IAAA,CAC7C;AAAA,EAAA,CACF,GAED,GAAG,8EAA8E,MAAM;AAC9E,IAAAT,EAAA,gBAAAC,EAACC,GAAY,EAAA,QAAAH,EAAgB,CAAA,CAAE,GAEtCA,EAAO,QAAQ,CAAC,EAAE,OAAAI,QAAY;AACtB,YAAAE,IAAcC,EAAO,eAAeH,CAAK;AAC/C,aAAOE,CAAW,EAAE,IAAI,YAAYI,EAAO,KAAK;AAAA,IAAA,CACjD;AAAA,EAAA,CACF,GAED,GAAG,wBAAwB,YAAY;AACrC,UAAM,EAAE,WAAAC,EAAU,IAAIV,EAAQ,gBAAAC,EAAAC,GAAA,EAAY,QAAAH,GAAgB,CAAE,GACtDY,IAAU,MAAMC,EAAA,IAAIF,CAAS;AAEnC,WAAO,OAAOG,oBAAkB,GACzB,OAAAF,CAAO,EAAE,mBAAmB;AAAA,EAAA,CACpC;AACH,CAAC;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("@mui/material"),v=require("react-hook-form"),n=u=>{const{control:s,name:i,options:d,required:c,defaultValue:m}=u;return e.jsx(v.Controller,{control:s,name:i,defaultValue:m,render:({field:o,fieldState:a})=>{var t;return e.jsxs(r.FormControl,{error:a.invalid,children:[e.jsx(r.RadioGroup,{...o,"aria-labelledby":"controlled-radio-buttons-group",value:o.value===void 0?null:o.value,children:d.map(l=>e.jsx(r.FormControlLabel,{value:l.value,control:e.jsx(r.Radio,{size:"small"}),label:l.label,required:c,sx:{"& .MuiFormControlLabel-asterisk":{display:"none"}}},l.value))}),e.jsx(r.FormHelperText,{children:(t=a.error)==null?void 0:t.message})]})}})};exports.RadioGroupController=n;exports.default=n;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/RadioGroupController/index.tsx"],"sourcesContent":["import {\n FormControl,\n FormControlLabel,\n FormHelperText,\n Radio,\n RadioGroup,\n} from \"@mui/material\";\nimport {\n Controller,\n FieldPath,\n FieldValues,\n PathValue,\n type Control,\n} from \"react-hook-form\";\n\nexport type Option = {\n readonly label: string;\n readonly value: string | number;\n};\n\ntype Props<T extends FieldValues> = {\n control: Control<T>;\n name: FieldPath<T>;\n options: Option[];\n required?: boolean;\n defaultValue?: PathValue<T, FieldPath<T>>;\n};\n\nexport const RadioGroupController = <T extends FieldValues>(\n props: Props<T>,\n) => {\n const { control, name, options, required, defaultValue } = props;\n\n return (\n <Controller\n control={control}\n name={name}\n defaultValue={defaultValue}\n render={({ field, fieldState }) => (\n <FormControl error={fieldState.invalid}>\n <RadioGroup\n {...field}\n aria-labelledby=\"controlled-radio-buttons-group\"\n value={field.value === undefined ? null : field.value}\n >\n {options.map((m) => (\n <FormControlLabel\n key={m.value}\n value={m.value}\n control={<Radio size=\"small\" />}\n label={m.label}\n required={required}\n sx={{\n // NOTE: requiredと連動したアスタリスクを非表示にします。label側で反映しているため。\n \"& .MuiFormControlLabel-asterisk\": {\n display: \"none\",\n },\n }}\n />\n ))}\n </RadioGroup>\n <FormHelperText>{fieldState.error?.message}</FormHelperText>\n </FormControl>\n )}\n />\n );\n};\n\nexport default RadioGroupController;\n"],"names":["RadioGroupController","props","control","name","options","required","defaultValue","jsx","Controller","field","fieldState","jsxs","FormControl","RadioGroup","m","FormControlLabel","Radio","FormHelperText","_a"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/RadioGroupController/index.tsx"],"sourcesContent":["import {\n FormControl,\n FormControlLabel,\n FormHelperText,\n Radio,\n RadioGroup,\n} from \"@mui/material\";\nimport {\n Controller,\n FieldPath,\n FieldValues,\n PathValue,\n type Control,\n} from \"react-hook-form\";\n\nexport type Option = {\n readonly label: string;\n readonly value: string | number;\n};\n\ntype Props<T extends FieldValues> = {\n control: Control<T>;\n name: FieldPath<T>;\n options: Option[];\n required?: boolean;\n defaultValue?: PathValue<T, FieldPath<T>>;\n};\n\nexport const RadioGroupController = <T extends FieldValues>(\n props: Props<T>,\n) => {\n const { control, name, options, required, defaultValue } = props;\n\n return (\n <Controller\n control={control}\n name={name}\n defaultValue={defaultValue}\n render={({ field, fieldState }) => (\n <FormControl error={fieldState.invalid}>\n <RadioGroup\n {...field}\n aria-labelledby=\"controlled-radio-buttons-group\"\n value={field.value === undefined ? null : field.value}\n >\n {options.map((m) => (\n <FormControlLabel\n key={m.value}\n value={m.value}\n control={<Radio size=\"small\" />}\n label={m.label}\n required={required}\n sx={{\n // NOTE: requiredと連動したアスタリスクを非表示にします。label側で反映しているため。\n \"& .MuiFormControlLabel-asterisk\": {\n display: \"none\",\n },\n }}\n />\n ))}\n </RadioGroup>\n <FormHelperText>{fieldState.error?.message}</FormHelperText>\n </FormControl>\n )}\n />\n );\n};\n\nexport default RadioGroupController;\n"],"names":["RadioGroupController","props","control","name","options","required","defaultValue","jsx","Controller","field","fieldState","jsxs","FormControl","RadioGroup","m","FormControlLabel","Radio","FormHelperText","_a"],"mappings":"yMA4BaA,EACXC,GACG,CACH,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,aAAAC,GAAiBL,EAGzD,OAAAM,EAAA,IAACC,EAAA,WAAA,CACC,QAAAN,EACA,KAAAC,EACA,aAAAG,EACA,OAAQ,CAAC,CAAE,MAAAG,EAAO,WAAAC,KACfC,OAAAA,OAAAA,EAAAA,KAAAC,EAAA,YAAA,CAAY,MAAOF,EAAW,QAC7B,SAAA,CAAAH,EAAA,IAACM,EAAA,WAAA,CACE,GAAGJ,EACJ,kBAAgB,iCAChB,MAAOA,EAAM,QAAU,OAAY,KAAOA,EAAM,MAE/C,SAAAL,EAAQ,IAAKU,GACZP,EAAA,IAACQ,EAAA,iBAAA,CAEC,MAAOD,EAAE,MACT,QAASP,EAAAA,IAACS,EAAAA,MAAM,CAAA,KAAK,OAAQ,CAAA,EAC7B,MAAOF,EAAE,MACT,SAAAT,EACA,GAAI,CAEF,kCAAmC,CACjC,QAAS,MAAA,CACX,CACF,EAVKS,EAAE,KAYV,CAAA,CAAA,CACH,EACCP,EAAA,IAAAU,EAAA,eAAA,CAAgB,UAAWC,EAAAR,EAAA,QAAA,YAAAQ,EAAO,OAAQ,CAAA,CAAA,CAC7C,CAAA,EAAA,CAEJ,CAEJ"}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { FormControl as
|
|
3
|
-
import { Controller as
|
|
4
|
-
const
|
|
5
|
-
const { control:
|
|
6
|
-
return /* @__PURE__ */ o
|
|
7
|
-
|
|
1
|
+
import { jsx as o, jsxs as m } from "react/jsx-runtime";
|
|
2
|
+
import { FormControl as p, RadioGroup as c, FormControlLabel as v, Radio as b, FormHelperText as x } from "@mui/material";
|
|
3
|
+
import { Controller as C } from "react-hook-form";
|
|
4
|
+
const f = (n) => {
|
|
5
|
+
const { control: t, name: i, options: u, required: s, defaultValue: d } = n;
|
|
6
|
+
return /* @__PURE__ */ o(
|
|
7
|
+
C,
|
|
8
8
|
{
|
|
9
|
-
control:
|
|
10
|
-
name:
|
|
9
|
+
control: t,
|
|
10
|
+
name: i,
|
|
11
11
|
defaultValue: d,
|
|
12
12
|
render: ({ field: r, fieldState: e }) => {
|
|
13
13
|
var a;
|
|
14
|
-
return /* @__PURE__ */
|
|
15
|
-
/* @__PURE__ */ o
|
|
16
|
-
|
|
14
|
+
return /* @__PURE__ */ m(p, { error: e.invalid, children: [
|
|
15
|
+
/* @__PURE__ */ o(
|
|
16
|
+
c,
|
|
17
17
|
{
|
|
18
18
|
...r,
|
|
19
19
|
"aria-labelledby": "controlled-radio-buttons-group",
|
|
20
20
|
value: r.value === void 0 ? null : r.value,
|
|
21
|
-
children:
|
|
22
|
-
|
|
21
|
+
children: u.map((l) => /* @__PURE__ */ o(
|
|
22
|
+
v,
|
|
23
23
|
{
|
|
24
24
|
value: l.value,
|
|
25
|
-
control: /* @__PURE__ */ o
|
|
25
|
+
control: /* @__PURE__ */ o(b, { size: "small" }),
|
|
26
26
|
label: l.label,
|
|
27
|
-
required:
|
|
27
|
+
required: s,
|
|
28
28
|
sx: {
|
|
29
29
|
// NOTE: requiredと連動したアスタリスクを非表示にします。label側で反映しているため。
|
|
30
30
|
"& .MuiFormControlLabel-asterisk": {
|
|
@@ -36,14 +36,14 @@ const R = (n) => {
|
|
|
36
36
|
))
|
|
37
37
|
}
|
|
38
38
|
),
|
|
39
|
-
/* @__PURE__ */ o
|
|
39
|
+
/* @__PURE__ */ o(x, { children: (a = e.error) == null ? void 0 : a.message })
|
|
40
40
|
] });
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
);
|
|
44
44
|
};
|
|
45
45
|
export {
|
|
46
|
-
|
|
47
|
-
|
|
46
|
+
f as RadioGroupController,
|
|
47
|
+
f as default
|
|
48
48
|
};
|
|
49
49
|
//# sourceMappingURL=index.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../src/components/RadioGroupController/index.tsx"],"sourcesContent":["import {\n FormControl,\n FormControlLabel,\n FormHelperText,\n Radio,\n RadioGroup,\n} from \"@mui/material\";\nimport {\n Controller,\n FieldPath,\n FieldValues,\n PathValue,\n type Control,\n} from \"react-hook-form\";\n\nexport type Option = {\n readonly label: string;\n readonly value: string | number;\n};\n\ntype Props<T extends FieldValues> = {\n control: Control<T>;\n name: FieldPath<T>;\n options: Option[];\n required?: boolean;\n defaultValue?: PathValue<T, FieldPath<T>>;\n};\n\nexport const RadioGroupController = <T extends FieldValues>(\n props: Props<T>,\n) => {\n const { control, name, options, required, defaultValue } = props;\n\n return (\n <Controller\n control={control}\n name={name}\n defaultValue={defaultValue}\n render={({ field, fieldState }) => (\n <FormControl error={fieldState.invalid}>\n <RadioGroup\n {...field}\n aria-labelledby=\"controlled-radio-buttons-group\"\n value={field.value === undefined ? null : field.value}\n >\n {options.map((m) => (\n <FormControlLabel\n key={m.value}\n value={m.value}\n control={<Radio size=\"small\" />}\n label={m.label}\n required={required}\n sx={{\n // NOTE: requiredと連動したアスタリスクを非表示にします。label側で反映しているため。\n \"& .MuiFormControlLabel-asterisk\": {\n display: \"none\",\n },\n }}\n />\n ))}\n </RadioGroup>\n <FormHelperText>{fieldState.error?.message}</FormHelperText>\n </FormControl>\n )}\n />\n );\n};\n\nexport default RadioGroupController;\n"],"names":["RadioGroupController","props","control","name","options","required","defaultValue","jsx","Controller","field","fieldState","jsxs","FormControl","RadioGroup","m","FormControlLabel","Radio","FormHelperText","_a"],"mappings":";;;AA4Ba,MAAAA,IAAuB,CAClCC,MACG;AACH,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,cAAAC,MAAiBL;AAGzD,
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../src/components/RadioGroupController/index.tsx"],"sourcesContent":["import {\n FormControl,\n FormControlLabel,\n FormHelperText,\n Radio,\n RadioGroup,\n} from \"@mui/material\";\nimport {\n Controller,\n FieldPath,\n FieldValues,\n PathValue,\n type Control,\n} from \"react-hook-form\";\n\nexport type Option = {\n readonly label: string;\n readonly value: string | number;\n};\n\ntype Props<T extends FieldValues> = {\n control: Control<T>;\n name: FieldPath<T>;\n options: Option[];\n required?: boolean;\n defaultValue?: PathValue<T, FieldPath<T>>;\n};\n\nexport const RadioGroupController = <T extends FieldValues>(\n props: Props<T>,\n) => {\n const { control, name, options, required, defaultValue } = props;\n\n return (\n <Controller\n control={control}\n name={name}\n defaultValue={defaultValue}\n render={({ field, fieldState }) => (\n <FormControl error={fieldState.invalid}>\n <RadioGroup\n {...field}\n aria-labelledby=\"controlled-radio-buttons-group\"\n value={field.value === undefined ? null : field.value}\n >\n {options.map((m) => (\n <FormControlLabel\n key={m.value}\n value={m.value}\n control={<Radio size=\"small\" />}\n label={m.label}\n required={required}\n sx={{\n // NOTE: requiredと連動したアスタリスクを非表示にします。label側で反映しているため。\n \"& .MuiFormControlLabel-asterisk\": {\n display: \"none\",\n },\n }}\n />\n ))}\n </RadioGroup>\n <FormHelperText>{fieldState.error?.message}</FormHelperText>\n </FormControl>\n )}\n />\n );\n};\n\nexport default RadioGroupController;\n"],"names":["RadioGroupController","props","control","name","options","required","defaultValue","jsx","Controller","field","fieldState","jsxs","FormControl","RadioGroup","m","FormControlLabel","Radio","FormHelperText","_a"],"mappings":";;;AA4Ba,MAAAA,IAAuB,CAClCC,MACG;AACH,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,cAAAC,MAAiBL;AAGzD,SAAA,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAN;AAAA,MACA,MAAAC;AAAA,MACA,cAAAG;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAG,GAAO,YAAAC,QACf;;AAAA,+BAAAC,EAAAC,GAAA,EAAY,OAAOF,EAAW,SAC7B,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACM;AAAA,YAAA;AAAA,cACE,GAAGJ;AAAA,cACJ,mBAAgB;AAAA,cAChB,OAAOA,EAAM,UAAU,SAAY,OAAOA,EAAM;AAAA,cAE/C,UAAAL,EAAQ,IAAI,CAACU,MACZ,gBAAAP;AAAA,gBAACQ;AAAA,gBAAA;AAAA,kBAEC,OAAOD,EAAE;AAAA,kBACT,SAAS,gBAAAP,EAACS,GAAM,EAAA,MAAK,QAAQ,CAAA;AAAA,kBAC7B,OAAOF,EAAE;AAAA,kBACT,UAAAT;AAAA,kBACA,IAAI;AAAA;AAAA,oBAEF,mCAAmC;AAAA,sBACjC,SAAS;AAAA,oBAAA;AAAA,kBACX;AAAA,gBACF;AAAA,gBAVKS,EAAE;AAAA,cAYV,CAAA;AAAA,YAAA;AAAA,UACH;AAAA,UACC,gBAAAP,EAAAU,GAAA,EAAgB,WAAWC,IAAAR,EAAA,UAAA,gBAAAQ,EAAO,QAAQ,CAAA;AAAA,QAAA,EAC7C,CAAA;AAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const a=require("
|
|
1
|
+
"use strict";const a=require("react/jsx-runtime"),e=require("../../react.esm-CiMn0Rnx.cjs"),c=require("react-hook-form"),u=require("./index.cjs.js");describe("RadioGroupController component",()=>{it("renders radio buttons with options and correct default value",()=>{const{result:r}=e.renderHook(()=>c.useForm()),{control:l}=r.current,i="TestRadio",o=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}],t="option2";e.render(a.jsx(u.RadioGroupController,{control:l,name:i,options:o,defaultValue:t}));const n=o.find(s=>s.value===t);if(n){const s=e.screen.getByText(n.label);expect(s).toBeInTheDocument()}}),it("renders without default value",()=>{const{result:r}=e.renderHook(()=>c.useForm()),{control:l}=r.current,i="TestRadio",o=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}];e.render(a.jsx(u.RadioGroupController,{control:l,name:i,options:o})),o.forEach(t=>{const n=e.screen.getByLabelText(t.label);expect(n).not.toBeChecked()})})});
|
|
2
2
|
//# sourceMappingURL=index.test.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/RadioGroupController/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { RadioGroupController } from \".\";\n\ndescribe(\"RadioGroupController component\", () => {\n it(\"renders radio buttons with options and correct default value\", () => {\n const { result } = renderHook(() => useForm());\n const { control } = result.current;\n\n const testName = \"TestRadio\";\n const options = [\n { label: \"Option 1\", value: \"option1\" },\n { label: \"Option 2\", value: \"option2\" },\n { label: \"Option 3\", value: \"option3\" },\n ];\n const defaultValue = \"option2\"; // Example of default value\n\n render(\n <RadioGroupController\n control={control}\n name={testName}\n options={options}\n defaultValue={defaultValue}\n />,\n );\n\n // Check if the radio group renders with correct default value\n const option = options.find((opt) => opt.value === defaultValue);\n if (option) {\n // Check if the default value's label is displayed\n const displayedValue = screen.getByText(option.label);\n expect(displayedValue).toBeInTheDocument();\n }\n });\n\n it(\"renders without default value\", () => {\n const { result } = renderHook(() => useForm());\n const { control } = result.current;\n\n const testName = \"TestRadio\";\n const options = [\n { label: \"Option 1\", value: \"option1\" },\n { label: \"Option 2\", value: \"option2\" },\n { label: \"Option 3\", value: \"option3\" },\n ];\n\n render(\n <RadioGroupController\n control={control}\n name={testName}\n options={options}\n />,\n );\n\n // Check if the radio group renders without any selected value\n options.forEach((option) => {\n const radioOption = screen.getByLabelText(option.label);\n expect(radioOption).not.toBeChecked();\n });\n });\n});\n"],"names":["result","renderHook","useForm","control","testName","options","defaultValue","render","jsx","RadioGroupController","option","opt","displayedValue","screen","radioOption"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/RadioGroupController/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { RadioGroupController } from \".\";\n\ndescribe(\"RadioGroupController component\", () => {\n it(\"renders radio buttons with options and correct default value\", () => {\n const { result } = renderHook(() => useForm());\n const { control } = result.current;\n\n const testName = \"TestRadio\";\n const options = [\n { label: \"Option 1\", value: \"option1\" },\n { label: \"Option 2\", value: \"option2\" },\n { label: \"Option 3\", value: \"option3\" },\n ];\n const defaultValue = \"option2\"; // Example of default value\n\n render(\n <RadioGroupController\n control={control}\n name={testName}\n options={options}\n defaultValue={defaultValue}\n />,\n );\n\n // Check if the radio group renders with correct default value\n const option = options.find((opt) => opt.value === defaultValue);\n if (option) {\n // Check if the default value's label is displayed\n const displayedValue = screen.getByText(option.label);\n expect(displayedValue).toBeInTheDocument();\n }\n });\n\n it(\"renders without default value\", () => {\n const { result } = renderHook(() => useForm());\n const { control } = result.current;\n\n const testName = \"TestRadio\";\n const options = [\n { label: \"Option 1\", value: \"option1\" },\n { label: \"Option 2\", value: \"option2\" },\n { label: \"Option 3\", value: \"option3\" },\n ];\n\n render(\n <RadioGroupController\n control={control}\n name={testName}\n options={options}\n />,\n );\n\n // Check if the radio group renders without any selected value\n options.forEach((option) => {\n const radioOption = screen.getByLabelText(option.label);\n expect(radioOption).not.toBeChecked();\n });\n });\n});\n"],"names":["result","renderHook","useForm","control","testName","options","defaultValue","render","jsx","RadioGroupController","option","opt","displayedValue","screen","radioOption"],"mappings":"qJAKA,SAAS,iCAAkC,IAAM,CAC/C,GAAG,+DAAgE,IAAM,CACvE,KAAM,CAAE,OAAAA,CAAO,EAAIC,aAAW,IAAMC,WAAS,EACvC,CAAE,QAAAC,GAAYH,EAAO,QAErBI,EAAW,YACXC,EAAU,CACd,CAAE,MAAO,WAAY,MAAO,SAAU,EACtC,CAAE,MAAO,WAAY,MAAO,SAAU,EACtC,CAAE,MAAO,WAAY,MAAO,SAAU,CACxC,EACMC,EAAe,UAErBC,EAAA,OACEC,EAAA,IAACC,EAAA,qBAAA,CACC,QAAAN,EACA,KAAMC,EACN,QAAAC,EACA,aAAAC,CAAA,CAAA,CAEJ,EAGA,MAAMI,EAASL,EAAQ,KAAMM,GAAQA,EAAI,QAAUL,CAAY,EAC/D,GAAII,EAAQ,CAEV,MAAME,EAAiBC,EAAA,OAAO,UAAUH,EAAO,KAAK,EAC7C,OAAAE,CAAc,EAAE,kBAAkB,CAAA,CAC3C,CACD,EAED,GAAG,gCAAiC,IAAM,CACxC,KAAM,CAAE,OAAAZ,CAAO,EAAIC,aAAW,IAAMC,WAAS,EACvC,CAAE,QAAAC,GAAYH,EAAO,QAErBI,EAAW,YACXC,EAAU,CACd,CAAE,MAAO,WAAY,MAAO,SAAU,EACtC,CAAE,MAAO,WAAY,MAAO,SAAU,EACtC,CAAE,MAAO,WAAY,MAAO,SAAU,CACxC,EAEAE,EAAA,OACEC,EAAA,IAACC,EAAA,qBAAA,CACC,QAAAN,EACA,KAAMC,EACN,QAAAC,CAAA,CAAA,CAEJ,EAGQA,EAAA,QAASK,GAAW,CAC1B,MAAMI,EAAcD,EAAA,OAAO,eAAeH,EAAO,KAAK,EAC/C,OAAAI,CAAW,EAAE,IAAI,YAAY,CAAA,CACrC,CAAA,CACF,CACH,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { a as s, r as p, s as c } from "../../react.esm-
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { a as s, r as p, s as c } from "../../react.esm-2FJSSo-S.js";
|
|
3
3
|
import { useForm as u } from "react-hook-form";
|
|
4
4
|
import { RadioGroupController as d } from "./index.es.js";
|
|
5
5
|
describe("RadioGroupController component", () => {
|
|
@@ -10,7 +10,7 @@ describe("RadioGroupController component", () => {
|
|
|
10
10
|
{ label: "Option 3", value: "option3" }
|
|
11
11
|
], t = "option2";
|
|
12
12
|
p(
|
|
13
|
-
/* @__PURE__ */ i
|
|
13
|
+
/* @__PURE__ */ i(
|
|
14
14
|
d,
|
|
15
15
|
{
|
|
16
16
|
control: a,
|
|
@@ -32,7 +32,7 @@ describe("RadioGroupController component", () => {
|
|
|
32
32
|
{ label: "Option 3", value: "option3" }
|
|
33
33
|
];
|
|
34
34
|
p(
|
|
35
|
-
/* @__PURE__ */ i
|
|
35
|
+
/* @__PURE__ */ i(
|
|
36
36
|
d,
|
|
37
37
|
{
|
|
38
38
|
control: a,
|