@jigowatts/jigowatts-ui 1.2.2 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/index10.css +1 -1
- package/dist/assets/index11.css +1 -1
- package/dist/assets/index12.css +1 -1
- package/dist/assets/index13.css +1 -1
- package/dist/assets/index14.css +1 -1
- package/dist/assets/index15.css +1 -1
- package/dist/assets/index16.css +1 -1
- package/dist/assets/index17.css +1 -1
- package/dist/assets/index18.css +1 -1
- package/dist/assets/index19.css +1 -1
- package/dist/assets/index20.css +1 -1
- package/dist/assets/index21.css +1 -1
- package/dist/assets/index22.css +1 -1
- package/dist/assets/index23.css +1 -1
- package/dist/assets/index24.css +1 -1
- package/dist/assets/index25.css +1 -1
- package/dist/assets/index26.css +1 -1
- package/dist/assets/index27.css +1 -1
- package/dist/assets/index28.css +1 -1
- package/dist/assets/index29.css +1 -1
- package/dist/assets/index30.css +1 -1
- package/dist/assets/index31.css +1 -1
- package/dist/assets/index32.css +1 -1
- package/dist/assets/index7.css +1 -1
- package/dist/assets/index8.css +1 -1
- package/dist/assets/index9.css +1 -1
- package/dist/components/Button/index.cjs.js.map +1 -1
- package/dist/components/Button/index.es.js.map +1 -1
- package/dist/components/Button/index.test.cjs.js +1 -1
- package/dist/components/Button/index.test.cjs.js.map +1 -1
- package/dist/components/Button/index.test.es.js +1 -1
- package/dist/components/Button/index.test.es.js.map +1 -1
- package/dist/components/Card/index.cjs.js +1 -1
- package/dist/components/Card/index.cjs.js.map +1 -1
- package/dist/components/Card/index.es.js +1 -1
- package/dist/components/Card/index.es.js.map +1 -1
- package/dist/components/Card/index.test.cjs.js +1 -1
- package/dist/components/Card/index.test.cjs.js.map +1 -1
- package/dist/components/Card/index.test.es.js +1 -1
- package/dist/components/Card/index.test.es.js.map +1 -1
- package/dist/components/CardWithTitle/index.cjs.js +1 -1
- package/dist/components/CardWithTitle/index.cjs.js.map +1 -1
- package/dist/components/CardWithTitle/index.es.js +1 -1
- package/dist/components/CardWithTitle/index.es.js.map +1 -1
- package/dist/components/CardWithTitle/index.test.cjs.js +1 -1
- package/dist/components/CardWithTitle/index.test.cjs.js.map +1 -1
- package/dist/components/CardWithTitle/index.test.es.js +2 -2
- package/dist/components/CardWithTitle/index.test.es.js.map +1 -1
- package/dist/components/CopyableBox/index.cjs.js +2 -0
- package/dist/components/CopyableBox/index.cjs.js.map +1 -0
- package/dist/components/CopyableBox/index.d.ts +23 -0
- package/dist/components/CopyableBox/index.es.js +46 -0
- package/dist/components/CopyableBox/index.es.js.map +1 -0
- package/dist/components/CopyableBox/index.test.cjs.js +2 -0
- package/dist/components/CopyableBox/index.test.cjs.js.map +1 -0
- package/dist/components/CopyableBox/index.test.d.ts +1 -0
- package/dist/components/CopyableBox/index.test.es.js +39 -0
- package/dist/components/CopyableBox/index.test.es.js.map +1 -0
- package/dist/components/CustomLink/index.cjs.js +1 -1
- package/dist/components/CustomLink/index.cjs.js.map +1 -1
- package/dist/components/CustomLink/index.es.js +1 -1
- package/dist/components/CustomLink/index.es.js.map +1 -1
- package/dist/components/CustomLink/index.test.cjs.js +1 -1
- package/dist/components/CustomLink/index.test.cjs.js.map +1 -1
- package/dist/components/CustomLink/index.test.es.js +2 -2
- package/dist/components/CustomLink/index.test.es.js.map +1 -1
- package/dist/components/DataTable/index.cjs.js +1 -1
- package/dist/components/DataTable/index.cjs.js.map +1 -1
- package/dist/components/DataTable/index.es.js +1 -1
- package/dist/components/DataTable/index.es.js.map +1 -1
- package/dist/components/DataTable/index.test.cjs.js +1 -1
- package/dist/components/DataTable/index.test.cjs.js.map +1 -1
- package/dist/components/DataTable/index.test.es.js +3 -3
- package/dist/components/DataTable/index.test.es.js.map +1 -1
- package/dist/components/DatePickerController/index.cjs.js +1 -1
- package/dist/components/DatePickerController/index.cjs.js.map +1 -1
- package/dist/components/DatePickerController/index.d.ts +1 -0
- package/dist/components/DatePickerController/index.es.js +1 -1
- package/dist/components/DatePickerController/index.es.js.map +1 -1
- package/dist/components/DatePickerController/index.test.cjs.js +1 -1
- package/dist/components/DatePickerController/index.test.cjs.js.map +1 -1
- package/dist/components/DatePickerController/index.test.es.js +1 -1
- package/dist/components/DatePickerController/index.test.es.js.map +1 -1
- package/dist/components/ErrorMessage/index.cjs.js +1 -1
- package/dist/components/ErrorMessage/index.cjs.js.map +1 -1
- package/dist/components/ErrorMessage/index.es.js +1 -1
- package/dist/components/ErrorMessage/index.es.js.map +1 -1
- package/dist/components/ErrorMessage/index.test.cjs.js +1 -1
- package/dist/components/ErrorMessage/index.test.cjs.js.map +1 -1
- package/dist/components/ErrorMessage/index.test.es.js +2 -2
- package/dist/components/ErrorMessage/index.test.es.js.map +1 -1
- package/dist/components/EvseStateLabel/index.cjs.js +1 -1
- package/dist/components/EvseStateLabel/index.cjs.js.map +1 -1
- package/dist/components/EvseStateLabel/index.es.js +1 -1
- package/dist/components/EvseStateLabel/index.es.js.map +1 -1
- package/dist/components/FlexButtons/index.cjs.js +1 -1
- package/dist/components/FlexButtons/index.cjs.js.map +1 -1
- package/dist/components/FlexButtons/index.es.js +1 -1
- package/dist/components/FlexButtons/index.es.js.map +1 -1
- package/dist/components/FlexButtons/index.test.cjs.js +1 -1
- package/dist/components/FlexButtons/index.test.cjs.js.map +1 -1
- package/dist/components/FlexButtons/index.test.es.js +2 -2
- package/dist/components/FlexButtons/index.test.es.js.map +1 -1
- package/dist/components/Form/index.cjs.js +1 -1
- package/dist/components/Form/index.cjs.js.map +1 -1
- package/dist/components/Form/index.es.js +1 -1
- package/dist/components/Form/index.es.js.map +1 -1
- package/dist/components/Form/index.test.cjs.js +1 -1
- package/dist/components/Form/index.test.cjs.js.map +1 -1
- package/dist/components/Form/index.test.es.js +2 -2
- package/dist/components/Form/index.test.es.js.map +1 -1
- package/dist/components/FormItem/index.cjs.js +1 -1
- package/dist/components/FormItem/index.cjs.js.map +1 -1
- package/dist/components/FormItem/index.es.js +1 -1
- package/dist/components/FormItem/index.es.js.map +1 -1
- package/dist/components/FormItem/index.test.cjs.js +1 -1
- package/dist/components/FormItem/index.test.cjs.js.map +1 -1
- package/dist/components/FormItem/index.test.es.js +2 -2
- package/dist/components/FormItem/index.test.es.js.map +1 -1
- package/dist/components/FormTitle/index.cjs.js +1 -1
- package/dist/components/FormTitle/index.cjs.js.map +1 -1
- package/dist/components/FormTitle/index.es.js +1 -1
- package/dist/components/FormTitle/index.es.js.map +1 -1
- package/dist/components/FormTitle/index.test.cjs.js +1 -1
- package/dist/components/FormTitle/index.test.cjs.js.map +1 -1
- package/dist/components/FormTitle/index.test.es.js +2 -2
- package/dist/components/FormTitle/index.test.es.js.map +1 -1
- package/dist/components/HStack/index.cjs.js +1 -1
- package/dist/components/HStack/index.cjs.js.map +1 -1
- package/dist/components/HStack/index.es.js +1 -1
- package/dist/components/HStack/index.es.js.map +1 -1
- package/dist/components/HStack/index.test.cjs.js +1 -1
- package/dist/components/HStack/index.test.cjs.js.map +1 -1
- package/dist/components/HStack/index.test.es.js +2 -2
- package/dist/components/HStack/index.test.es.js.map +1 -1
- package/dist/components/HtmlRenderer/index.cjs.js +1 -1
- package/dist/components/HtmlRenderer/index.es.js +1 -1
- package/dist/components/HtmlRenderer/index.test.cjs.js +1 -1
- package/dist/components/HtmlRenderer/index.test.cjs.js.map +1 -1
- package/dist/components/HtmlRenderer/index.test.es.js +2 -2
- package/dist/components/HtmlRenderer/index.test.es.js.map +1 -1
- package/dist/components/Input/index.cjs.js +1 -1
- package/dist/components/Input/index.cjs.js.map +1 -1
- package/dist/components/Input/index.es.js +1 -1
- package/dist/components/Input/index.es.js.map +1 -1
- package/dist/components/Input/index.test.cjs.js +1 -1
- package/dist/components/Input/index.test.cjs.js.map +1 -1
- package/dist/components/Input/index.test.es.js +1 -1
- package/dist/components/Input/index.test.es.js.map +1 -1
- package/dist/components/InputController/index.cjs.js.map +1 -1
- package/dist/components/InputController/index.es.js.map +1 -1
- package/dist/components/InputController/index.test.cjs.js +1 -1
- package/dist/components/InputController/index.test.cjs.js.map +1 -1
- package/dist/components/InputController/index.test.es.js +1 -1
- package/dist/components/InputController/index.test.es.js.map +1 -1
- package/dist/components/InputGroup/index.cjs.js +1 -1
- package/dist/components/InputGroup/index.cjs.js.map +1 -1
- package/dist/components/InputGroup/index.es.js +1 -1
- package/dist/components/InputGroup/index.es.js.map +1 -1
- package/dist/components/InputGroup/index.test.cjs.js +1 -1
- package/dist/components/InputGroup/index.test.cjs.js.map +1 -1
- package/dist/components/InputGroup/index.test.es.js +2 -2
- package/dist/components/InputGroup/index.test.es.js.map +1 -1
- package/dist/components/Label/index.cjs.js +1 -1
- package/dist/components/Label/index.cjs.js.map +1 -1
- package/dist/components/Label/index.es.js +1 -1
- package/dist/components/Label/index.es.js.map +1 -1
- package/dist/components/Label/index.test.cjs.js +1 -1
- package/dist/components/Label/index.test.cjs.js.map +1 -1
- package/dist/components/Label/index.test.es.js +2 -2
- package/dist/components/Label/index.test.es.js.map +1 -1
- package/dist/components/LabeledContent/index.cjs.js +1 -1
- package/dist/components/LabeledContent/index.cjs.js.map +1 -1
- package/dist/components/LabeledContent/index.es.js +1 -1
- package/dist/components/LabeledContent/index.es.js.map +1 -1
- package/dist/components/LabeledContent/index.test.cjs.js +1 -1
- package/dist/components/LabeledContent/index.test.cjs.js.map +1 -1
- package/dist/components/LabeledContent/index.test.es.js +1 -1
- package/dist/components/LabeledContent/index.test.es.js.map +1 -1
- package/dist/components/LoadingOverlay/index.cjs.js +1 -1
- package/dist/components/LoadingOverlay/index.cjs.js.map +1 -1
- package/dist/components/LoadingOverlay/index.es.js +1 -1
- package/dist/components/LoadingOverlay/index.es.js.map +1 -1
- package/dist/components/LoadingOverlay/index.test.cjs.js +1 -1
- package/dist/components/LoadingOverlay/index.test.cjs.js.map +1 -1
- package/dist/components/LoadingOverlay/index.test.es.js +2 -2
- package/dist/components/LoadingOverlay/index.test.es.js.map +1 -1
- package/dist/components/Map/index.cjs.js +2 -2
- package/dist/components/Map/index.cjs.js.map +1 -1
- package/dist/components/Map/index.es.js +709 -716
- package/dist/components/Map/index.es.js.map +1 -1
- package/dist/components/MaxWidthContainer/index.cjs.js +1 -1
- package/dist/components/MaxWidthContainer/index.cjs.js.map +1 -1
- package/dist/components/MaxWidthContainer/index.es.js +1 -1
- package/dist/components/MaxWidthContainer/index.es.js.map +1 -1
- package/dist/components/MaxWidthContainer/index.test.cjs.js +1 -1
- package/dist/components/MaxWidthContainer/index.test.cjs.js.map +1 -1
- package/dist/components/MaxWidthContainer/index.test.es.js +2 -2
- package/dist/components/MaxWidthContainer/index.test.es.js.map +1 -1
- package/dist/components/NumericFieldController/index.cjs.js.map +1 -1
- package/dist/components/NumericFieldController/index.d.ts +1 -0
- package/dist/components/NumericFieldController/index.es.js.map +1 -1
- package/dist/components/NumericFieldController/index.test.cjs.js +1 -1
- package/dist/components/NumericFieldController/index.test.cjs.js.map +1 -1
- package/dist/components/NumericFieldController/index.test.es.js +1 -1
- package/dist/components/NumericFieldController/index.test.es.js.map +1 -1
- package/dist/components/OfflineLabel/index.cjs.js +1 -1
- package/dist/components/OfflineLabel/index.cjs.js.map +1 -1
- package/dist/components/OfflineLabel/index.es.js +1 -1
- package/dist/components/OfflineLabel/index.es.js.map +1 -1
- package/dist/components/PageSizeSelector/index.cjs.js +1 -1
- package/dist/components/PageSizeSelector/index.cjs.js.map +1 -1
- package/dist/components/PageSizeSelector/index.es.js +2 -2
- package/dist/components/PageSizeSelector/index.es.js.map +1 -1
- package/dist/components/Pagination/index.cjs.js +2 -2
- package/dist/components/Pagination/index.cjs.js.map +1 -1
- package/dist/components/Pagination/index.es.js +17 -17
- package/dist/components/Pagination/index.es.js.map +1 -1
- package/dist/components/Pagination/index.test.cjs.js +1 -1
- package/dist/components/Pagination/index.test.cjs.js.map +1 -1
- package/dist/components/Pagination/index.test.es.js +1 -1
- package/dist/components/Pagination/index.test.es.js.map +1 -1
- package/dist/components/PasswordInputController/index.cjs.js.map +1 -1
- package/dist/components/PasswordInputController/index.es.js.map +1 -1
- package/dist/components/PasswordInputController/index.test.cjs.js +1 -1
- package/dist/components/PasswordInputController/index.test.cjs.js.map +1 -1
- package/dist/components/PasswordInputController/index.test.es.js +1 -1
- package/dist/components/PasswordInputController/index.test.es.js.map +1 -1
- package/dist/components/RadioButton/index.cjs.js +1 -1
- package/dist/components/RadioButton/index.es.js +1 -1
- package/dist/components/RadioButton/index.test.cjs.js +1 -1
- package/dist/components/RadioButton/index.test.cjs.js.map +1 -1
- package/dist/components/RadioButton/index.test.es.js +3 -3
- package/dist/components/RadioButton/index.test.es.js.map +1 -1
- package/dist/components/RadioGroupController/index.cjs.js.map +1 -1
- package/dist/components/RadioGroupController/index.es.js.map +1 -1
- package/dist/components/RadioGroupController/index.test.cjs.js +1 -1
- package/dist/components/RadioGroupController/index.test.cjs.js.map +1 -1
- package/dist/components/RadioGroupController/index.test.es.js +1 -1
- package/dist/components/RadioGroupController/index.test.es.js.map +1 -1
- package/dist/components/RangeDatePicker/index.cjs.js +1 -1
- package/dist/components/RangeDatePicker/index.cjs.js.map +1 -1
- package/dist/components/RangeDatePicker/index.es.js +1 -1
- package/dist/components/RangeDatePicker/index.es.js.map +1 -1
- package/dist/components/RangeDatePickerController/index.cjs.js.map +1 -1
- package/dist/components/RangeDatePickerController/index.es.js.map +1 -1
- package/dist/components/RangeDatePickerController/index.test.cjs.js +1 -1
- package/dist/components/RangeDatePickerController/index.test.cjs.js.map +1 -1
- package/dist/components/RangeDatePickerController/index.test.es.js +1 -1
- package/dist/components/RangeDatePickerController/index.test.es.js.map +1 -1
- package/dist/components/ReportCard/index.cjs.js +1 -1
- package/dist/components/ReportCard/index.cjs.js.map +1 -1
- package/dist/components/ReportCard/index.es.js +1 -1
- package/dist/components/ReportCard/index.es.js.map +1 -1
- package/dist/components/ReportCard/index.test.cjs.js +1 -1
- package/dist/components/ReportCard/index.test.cjs.js.map +1 -1
- package/dist/components/ReportCard/index.test.es.js +1 -1
- package/dist/components/ReportCard/index.test.es.js.map +1 -1
- package/dist/components/ReportChart/index.cjs.js +1 -1
- package/dist/components/ReportChart/index.cjs.js.map +1 -1
- package/dist/components/ReportChart/index.es.js +1 -1
- package/dist/components/ReportChart/index.es.js.map +1 -1
- package/dist/components/ReportChartMulti/index.cjs.js +1 -1
- package/dist/components/ReportChartMulti/index.cjs.js.map +1 -1
- package/dist/components/ReportChartMulti/index.es.js +1 -1
- package/dist/components/ReportChartMulti/index.es.js.map +1 -1
- package/dist/components/ReportChartMulti/index.test.cjs.js +1 -1
- package/dist/components/ReportChartMulti/index.test.cjs.js.map +1 -1
- package/dist/components/ReportChartMulti/index.test.es.js +1 -1
- package/dist/components/ReportChartMulti/index.test.es.js.map +1 -1
- package/dist/components/ScrollableDialog/index.cjs.js.map +1 -1
- package/dist/components/ScrollableDialog/index.es.js.map +1 -1
- package/dist/components/ScrollableDialog/index.test.cjs.js +1 -1
- package/dist/components/ScrollableDialog/index.test.cjs.js.map +1 -1
- package/dist/components/ScrollableDialog/index.test.es.js +1 -1
- package/dist/components/ScrollableDialog/index.test.es.js.map +1 -1
- package/dist/components/SearchForm/index.cjs.js.map +1 -1
- package/dist/components/SearchForm/index.es.js.map +1 -1
- package/dist/components/SelectBox/index.cjs.js +1 -1
- package/dist/components/SelectBox/index.es.js +1 -1
- package/dist/components/SelectBox/index.test.cjs.js +1 -1
- package/dist/components/SelectBox/index.test.cjs.js.map +1 -1
- package/dist/components/SelectBox/index.test.es.js +2 -2
- package/dist/components/SelectBox/index.test.es.js.map +1 -1
- package/dist/components/SelectBoxController/index.cjs.js.map +1 -1
- package/dist/components/SelectBoxController/index.es.js.map +1 -1
- package/dist/components/SelectBoxController/index.test.cjs.js +1 -1
- package/dist/components/SelectBoxController/index.test.cjs.js.map +1 -1
- package/dist/components/SelectBoxController/index.test.es.js +1 -1
- package/dist/components/SelectBoxController/index.test.es.js.map +1 -1
- package/dist/components/SideMenu/index.cjs.js.map +1 -1
- package/dist/components/SideMenu/index.es.js.map +1 -1
- package/dist/components/SideMenu/index.test.cjs.js +1 -1
- package/dist/components/SideMenu/index.test.cjs.js.map +1 -1
- package/dist/components/SideMenu/index.test.es.js +3 -3
- package/dist/components/SideMenu/index.test.es.js.map +1 -1
- package/dist/components/SpinnerButton/index.cjs.js.map +1 -1
- package/dist/components/SpinnerButton/index.es.js.map +1 -1
- package/dist/components/SpinnerButton/index.test.cjs.js +1 -1
- package/dist/components/SpinnerButton/index.test.cjs.js.map +1 -1
- package/dist/components/SpinnerButton/index.test.es.js +2 -2
- package/dist/components/SpinnerButton/index.test.es.js.map +1 -1
- package/dist/components/SubMenu/index.cjs.js.map +1 -1
- package/dist/components/SubMenu/index.es.js.map +1 -1
- package/dist/components/SubMenu/index.test.cjs.js +1 -1
- package/dist/components/SubMenu/index.test.cjs.js.map +1 -1
- package/dist/components/SubMenu/index.test.es.js +1 -1
- package/dist/components/SubMenu/index.test.es.js.map +1 -1
- package/dist/components/Tabs/index.cjs.js.map +1 -1
- package/dist/components/Tabs/index.d.ts +1 -1
- package/dist/components/Tabs/index.es.js.map +1 -1
- package/dist/components/Tabs/index.test.cjs.js +1 -1
- package/dist/components/Tabs/index.test.cjs.js.map +1 -1
- package/dist/components/Tabs/index.test.es.js +2 -2
- package/dist/components/Tabs/index.test.es.js.map +1 -1
- package/dist/components/Textarea/index.cjs.js.map +1 -1
- package/dist/components/Textarea/index.es.js.map +1 -1
- package/dist/components/Textarea/index.test.cjs.js +1 -1
- package/dist/components/Textarea/index.test.cjs.js.map +1 -1
- package/dist/components/Textarea/index.test.es.js +2 -2
- package/dist/components/Textarea/index.test.es.js.map +1 -1
- package/dist/components/Title/index.cjs.js +1 -1
- package/dist/components/Title/index.cjs.js.map +1 -1
- package/dist/components/Title/index.es.js +9 -2
- package/dist/components/Title/index.es.js.map +1 -1
- package/dist/components/Title/index.test.cjs.js +1 -1
- package/dist/components/Title/index.test.cjs.js.map +1 -1
- package/dist/components/Title/index.test.es.js +2 -2
- package/dist/components/Title/index.test.es.js.map +1 -1
- package/dist/components/ToggleButton/index.cjs.js.map +1 -1
- package/dist/components/ToggleButton/index.es.js.map +1 -1
- package/dist/components/ToggleButton/index.test.cjs.js +1 -1
- package/dist/components/ToggleButton/index.test.cjs.js.map +1 -1
- package/dist/components/ToggleButton/index.test.es.js +1 -1
- package/dist/components/ToggleButton/index.test.es.js.map +1 -1
- package/dist/components/TwoFaDialog/index.cjs.js +19 -0
- package/dist/components/TwoFaDialog/index.cjs.js.map +1 -0
- package/dist/components/TwoFaDialog/index.d.ts +62 -0
- package/dist/components/TwoFaDialog/index.es.js +1129 -0
- package/dist/components/TwoFaDialog/index.es.js.map +1 -0
- package/dist/components/TwoFaDialog/index.test.cjs.js +3 -0
- package/dist/components/TwoFaDialog/index.test.cjs.js.map +1 -0
- package/dist/components/TwoFaDialog/index.test.d.ts +1 -0
- package/dist/components/TwoFaDialog/index.test.es.js +73 -0
- package/dist/components/TwoFaDialog/index.test.es.js.map +1 -0
- package/dist/components/TwoFaInputController/index.cjs.js +2 -0
- package/dist/components/TwoFaInputController/index.cjs.js.map +1 -0
- package/dist/components/TwoFaInputController/index.d.ts +34 -0
- package/dist/components/TwoFaInputController/index.es.js +87 -0
- package/dist/components/TwoFaInputController/index.es.js.map +1 -0
- package/dist/components/TwoFaInputController/index.test.cjs.js +2 -0
- package/dist/components/TwoFaInputController/index.test.cjs.js.map +1 -0
- package/dist/components/TwoFaInputController/index.test.d.ts +1 -0
- package/dist/components/TwoFaInputController/index.test.es.js +123 -0
- package/dist/components/TwoFaInputController/index.test.es.js.map +1 -0
- package/dist/components/TwoFaLabel/index.cjs.js +2 -0
- package/dist/components/TwoFaLabel/index.cjs.js.map +1 -0
- package/dist/components/TwoFaLabel/index.d.ts +28 -0
- package/dist/components/TwoFaLabel/index.es.js +60 -0
- package/dist/components/TwoFaLabel/index.es.js.map +1 -0
- package/dist/components/TwoFaLabel/index.test.cjs.js +2 -0
- package/dist/components/TwoFaLabel/index.test.cjs.js.map +1 -0
- package/dist/components/TwoFaLabel/index.test.d.ts +1 -0
- package/dist/components/TwoFaLabel/index.test.es.js +19 -0
- package/dist/components/TwoFaLabel/index.test.es.js.map +1 -0
- package/dist/components/VStack/index.cjs.js.map +1 -1
- package/dist/components/VStack/index.es.js.map +1 -1
- package/dist/components/VStack/index.test.cjs.js +1 -1
- package/dist/components/VStack/index.test.cjs.js.map +1 -1
- package/dist/components/VStack/index.test.es.js +2 -2
- package/dist/components/VStack/index.test.es.js.map +1 -1
- package/dist/index-9p9q0wxE.cjs +39 -0
- package/dist/index-9p9q0wxE.cjs.map +1 -0
- package/dist/{index-B663CLQ0.cjs → index-BM3CSrls.cjs} +2 -2
- package/dist/{index-B663CLQ0.cjs.map → index-BM3CSrls.cjs.map} +1 -1
- package/dist/{index-C50NsnJO.cjs → index-BoenezD8.cjs} +2 -2
- package/dist/{index-C50NsnJO.cjs.map → index-BoenezD8.cjs.map} +1 -1
- package/dist/index-C9Dbd7MM.cjs +4 -0
- package/dist/index-C9Dbd7MM.cjs.map +1 -0
- package/dist/{index-DCSLk6pp.js → index-Cj9ZvtM1.js} +1890 -2721
- package/dist/index-Cj9ZvtM1.js.map +1 -0
- package/dist/{index-pr0ncuNy.js → index-CogWL0bN.js} +2 -2
- package/dist/{index-pr0ncuNy.js.map → index-CogWL0bN.js.map} +1 -1
- package/dist/{index-CSiE_l9r.js → index-D7VNQwOv.js} +2 -2
- package/dist/{index-CSiE_l9r.js.map → index-D7VNQwOv.js.map} +1 -1
- package/dist/{index-ZP4xL6Dt.js → index-DI17hZPH.js} +7373 -6726
- package/dist/index-DI17hZPH.js.map +1 -0
- package/dist/index-Ds6DK19y.cjs +96 -0
- package/dist/index-Ds6DK19y.cjs.map +1 -0
- package/dist/{index-CCbJ_2yU.cjs → index-SHLzSoKB.cjs} +2 -2
- package/dist/{index-CCbJ_2yU.cjs.map → index-SHLzSoKB.cjs.map} +1 -1
- package/dist/{index-D5b3AasF.js → index-sarAILcU.js} +2 -2
- package/dist/{index-D5b3AasF.js.map → index-sarAILcU.js.map} +1 -1
- package/dist/{index-BqN32Ptm.js → index-zix1zlkq.js} +628 -602
- package/dist/index-zix1zlkq.js.map +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.es.js +75 -65
- package/dist/index.es.js.map +1 -1
- package/dist/{react.esm-2FJSSo-S.js → react.esm-BBESb8eI.js} +631 -609
- package/dist/react.esm-BBESb8eI.js.map +1 -0
- package/dist/{react.esm-CiMn0Rnx.cjs → react.esm-DGuy6Rn3.cjs} +33 -33
- package/dist/react.esm-DGuy6Rn3.cjs.map +1 -0
- package/package.json +42 -18
- package/dist/browser-BCVsA9bD.cjs +0 -2
- package/dist/browser-BCVsA9bD.cjs.map +0 -1
- package/dist/browser-BYxLWVDg.js +0 -654
- package/dist/browser-BYxLWVDg.js.map +0 -1
- package/dist/index-BHsZ5xlA.cjs +0 -96
- package/dist/index-BHsZ5xlA.cjs.map +0 -1
- package/dist/index-BoNIpBs7.cjs +0 -4
- package/dist/index-BoNIpBs7.cjs.map +0 -1
- package/dist/index-BpMSrIOq.cjs +0 -43
- package/dist/index-BpMSrIOq.cjs.map +0 -1
- package/dist/index-BqN32Ptm.js.map +0 -1
- package/dist/index-DCSLk6pp.js.map +0 -1
- package/dist/index-ZP4xL6Dt.js.map +0 -1
- package/dist/react.esm-2FJSSo-S.js.map +0 -1
- package/dist/react.esm-CiMn0Rnx.cjs.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/SubMenu/index.test.tsx"],"sourcesContent":["import { fireEvent, render, screen } from \"@testing-library/react\";\n\nimport { SubMenu } from \".\";\n\ndescribe(\"SubMenu component\", () => {\n test(\"renders SubMenu component with given menu items and button element\", () => {\n const mockOnClickMenu1 = jest.fn();\n const mockOnClickMenu2 = jest.fn();\n const mockOnClickMenu3 = jest.fn();\n\n const menuItems = [\n {\n icon: <span>Icon 1</span>,\n title: \"Menu 1\",\n onClick: mockOnClickMenu1,\n closeWhenClick: true,\n },\n {\n icon: <span>Icon 2</span>,\n title: \"Menu 2\",\n onClick: mockOnClickMenu2,\n },\n {\n icon: <span>Icon 3</span>,\n title: \"Menu 3\",\n onClick: mockOnClickMenu3,\n closeWhenClick: false,\n },\n ];\n\n const buttonElement = <button>Menu Button</button>;\n\n render(<SubMenu menuItems={menuItems} buttonElement={buttonElement} />);\n\n // Menu 1のテスト menuクリック時消えていること\n const button = screen.getByText(\"Menu Button\");\n fireEvent.click(button);\n const menuItem1 = screen.getByText(\"Menu 1\");\n fireEvent.click(menuItem1);\n expect(mockOnClickMenu1).toHaveBeenCalled();\n setTimeout(() => {\n expect(screen.queryByText(\"Menu 1\")).toBeNull();\n }, 0);\n\n // Menu 2のテスト menuクリック時消えていること\n fireEvent.click(button);\n const menuItem2 = screen.getByText(\"Menu 2\");\n fireEvent.click(menuItem2);\n expect(mockOnClickMenu2).toHaveBeenCalled();\n setTimeout(() => {\n expect(screen.queryByText(\"Menu 2\")).toBeNull();\n }, 0);\n\n // Menu 3のテスト menuクリック時消えていないこと\n fireEvent.click(button);\n const menuItem3 = screen.getByText(\"Menu 3\");\n fireEvent.click(menuItem3);\n expect(mockOnClickMenu3).toHaveBeenCalled();\n setTimeout(() => {\n expect(screen.queryByText(\"Menu 3\")).not.toBeNull();\n }, 0);\n });\n});\n"],"names":["mockOnClickMenu1","mockOnClickMenu2","mockOnClickMenu3","menuItems","jsx","buttonElement","render","SubMenu","button","screen","fireEvent","menuItem1","menuItem2","menuItem3"],"mappings":"wHAIA,SAAS,oBAAqB,IAAM,CAClC,KAAK,qEAAsE,IAAM,
|
|
1
|
+
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/SubMenu/index.test.tsx"],"sourcesContent":["import { fireEvent, render, screen } from \"@testing-library/react\";\n\nimport { SubMenu } from \".\";\n\ndescribe(\"SubMenu component\", () => {\n test(\"renders SubMenu component with given menu items and button element\", () => {\n const mockOnClickMenu1 = jest.fn();\n const mockOnClickMenu2 = jest.fn();\n const mockOnClickMenu3 = jest.fn();\n\n const menuItems = [\n {\n icon: <span>Icon 1</span>,\n title: \"Menu 1\",\n onClick: mockOnClickMenu1,\n closeWhenClick: true,\n },\n {\n icon: <span>Icon 2</span>,\n title: \"Menu 2\",\n onClick: mockOnClickMenu2,\n },\n {\n icon: <span>Icon 3</span>,\n title: \"Menu 3\",\n onClick: mockOnClickMenu3,\n closeWhenClick: false,\n },\n ];\n\n const buttonElement = <button>Menu Button</button>;\n\n render(<SubMenu menuItems={menuItems} buttonElement={buttonElement} />);\n\n // Menu 1のテスト menuクリック時消えていること\n const button = screen.getByText(\"Menu Button\");\n fireEvent.click(button);\n const menuItem1 = screen.getByText(\"Menu 1\");\n fireEvent.click(menuItem1);\n expect(mockOnClickMenu1).toHaveBeenCalled();\n setTimeout(() => {\n expect(screen.queryByText(\"Menu 1\")).toBeNull();\n }, 0);\n\n // Menu 2のテスト menuクリック時消えていること\n fireEvent.click(button);\n const menuItem2 = screen.getByText(\"Menu 2\");\n fireEvent.click(menuItem2);\n expect(mockOnClickMenu2).toHaveBeenCalled();\n setTimeout(() => {\n expect(screen.queryByText(\"Menu 2\")).toBeNull();\n }, 0);\n\n // Menu 3のテスト menuクリック時消えていないこと\n fireEvent.click(button);\n const menuItem3 = screen.getByText(\"Menu 3\");\n fireEvent.click(menuItem3);\n expect(mockOnClickMenu3).toHaveBeenCalled();\n setTimeout(() => {\n expect(screen.queryByText(\"Menu 3\")).not.toBeNull();\n }, 0);\n });\n});\n"],"names":["mockOnClickMenu1","mockOnClickMenu2","mockOnClickMenu3","menuItems","jsx","buttonElement","render","SubMenu","button","screen","fireEvent","menuItem1","menuItem2","menuItem3"],"mappings":"wHAIA,SAAS,oBAAqB,IAAM,CAClC,KAAK,qEAAsE,IAAM,CAC/E,MAAMA,EAAmB,KAAK,GAAA,EACxBC,EAAmB,KAAK,GAAA,EACxBC,EAAmB,KAAK,GAAA,EAExBC,EAAY,CAChB,CACE,KAAMC,EAAAA,IAAC,OAAA,CAAK,SAAA,QAAA,CAAM,EAClB,MAAO,SACP,QAASJ,EACT,eAAgB,EAAA,EAElB,CACE,KAAMI,EAAAA,IAAC,OAAA,CAAK,SAAA,QAAA,CAAM,EAClB,MAAO,SACP,QAASH,CAAA,EAEX,CACE,KAAMG,EAAAA,IAAC,OAAA,CAAK,SAAA,QAAA,CAAM,EAClB,MAAO,SACP,QAASF,EACT,eAAgB,EAAA,CAClB,EAGIG,EAAgBD,EAAAA,IAAC,SAAA,CAAO,SAAA,aAAA,CAAW,EAEzCE,EAAAA,OAAOF,EAAAA,IAACG,EAAAA,QAAA,CAAQ,UAAAJ,EAAsB,cAAAE,CAAA,CAA8B,CAAE,EAGtE,MAAMG,EAASC,EAAAA,OAAO,UAAU,aAAa,EAC7CC,EAAAA,UAAU,MAAMF,CAAM,EACtB,MAAMG,EAAYF,EAAAA,OAAO,UAAU,QAAQ,EAC3CC,EAAAA,UAAU,MAAMC,CAAS,EACzB,OAAOX,CAAgB,EAAE,iBAAA,EACzB,WAAW,IAAM,CACf,OAAOS,EAAAA,OAAO,YAAY,QAAQ,CAAC,EAAE,SAAA,CACvC,EAAG,CAAC,EAGJC,EAAAA,UAAU,MAAMF,CAAM,EACtB,MAAMI,EAAYH,EAAAA,OAAO,UAAU,QAAQ,EAC3CC,EAAAA,UAAU,MAAME,CAAS,EACzB,OAAOX,CAAgB,EAAE,iBAAA,EACzB,WAAW,IAAM,CACf,OAAOQ,EAAAA,OAAO,YAAY,QAAQ,CAAC,EAAE,SAAA,CACvC,EAAG,CAAC,EAGJC,EAAAA,UAAU,MAAMF,CAAM,EACtB,MAAMK,EAAYJ,EAAAA,OAAO,UAAU,QAAQ,EAC3CC,EAAAA,UAAU,MAAMG,CAAS,EACzB,OAAOX,CAAgB,EAAE,iBAAA,EACzB,WAAW,IAAM,CACf,OAAOO,EAAAA,OAAO,YAAY,QAAQ,CAAC,EAAE,IAAI,SAAA,CAC3C,EAAG,CAAC,CACN,CAAC,CACH,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { r, s as e, f as t } from "../../react.esm-
|
|
2
|
+
import { r, s as e, f as t } from "../../react.esm-BBESb8eI.js";
|
|
3
3
|
import { SubMenu as k } from "./index.es.js";
|
|
4
4
|
describe("SubMenu component", () => {
|
|
5
5
|
test("renders SubMenu component with given menu items and button element", () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/SubMenu/index.test.tsx"],"sourcesContent":["import { fireEvent, render, screen } from \"@testing-library/react\";\n\nimport { SubMenu } from \".\";\n\ndescribe(\"SubMenu component\", () => {\n test(\"renders SubMenu component with given menu items and button element\", () => {\n const mockOnClickMenu1 = jest.fn();\n const mockOnClickMenu2 = jest.fn();\n const mockOnClickMenu3 = jest.fn();\n\n const menuItems = [\n {\n icon: <span>Icon 1</span>,\n title: \"Menu 1\",\n onClick: mockOnClickMenu1,\n closeWhenClick: true,\n },\n {\n icon: <span>Icon 2</span>,\n title: \"Menu 2\",\n onClick: mockOnClickMenu2,\n },\n {\n icon: <span>Icon 3</span>,\n title: \"Menu 3\",\n onClick: mockOnClickMenu3,\n closeWhenClick: false,\n },\n ];\n\n const buttonElement = <button>Menu Button</button>;\n\n render(<SubMenu menuItems={menuItems} buttonElement={buttonElement} />);\n\n // Menu 1のテスト menuクリック時消えていること\n const button = screen.getByText(\"Menu Button\");\n fireEvent.click(button);\n const menuItem1 = screen.getByText(\"Menu 1\");\n fireEvent.click(menuItem1);\n expect(mockOnClickMenu1).toHaveBeenCalled();\n setTimeout(() => {\n expect(screen.queryByText(\"Menu 1\")).toBeNull();\n }, 0);\n\n // Menu 2のテスト menuクリック時消えていること\n fireEvent.click(button);\n const menuItem2 = screen.getByText(\"Menu 2\");\n fireEvent.click(menuItem2);\n expect(mockOnClickMenu2).toHaveBeenCalled();\n setTimeout(() => {\n expect(screen.queryByText(\"Menu 2\")).toBeNull();\n }, 0);\n\n // Menu 3のテスト menuクリック時消えていないこと\n fireEvent.click(button);\n const menuItem3 = screen.getByText(\"Menu 3\");\n fireEvent.click(menuItem3);\n expect(mockOnClickMenu3).toHaveBeenCalled();\n setTimeout(() => {\n expect(screen.queryByText(\"Menu 3\")).not.toBeNull();\n }, 0);\n });\n});\n"],"names":["mockOnClickMenu1","mockOnClickMenu2","mockOnClickMenu3","render","jsx","SubMenu","button","screen","fireEvent","menuItem1","menuItem2","menuItem3"],"mappings":";;;AAIA,SAAS,qBAAqB,MAAM;AAClC,OAAK,sEAAsE,MAAM;
|
|
1
|
+
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/SubMenu/index.test.tsx"],"sourcesContent":["import { fireEvent, render, screen } from \"@testing-library/react\";\n\nimport { SubMenu } from \".\";\n\ndescribe(\"SubMenu component\", () => {\n test(\"renders SubMenu component with given menu items and button element\", () => {\n const mockOnClickMenu1 = jest.fn();\n const mockOnClickMenu2 = jest.fn();\n const mockOnClickMenu3 = jest.fn();\n\n const menuItems = [\n {\n icon: <span>Icon 1</span>,\n title: \"Menu 1\",\n onClick: mockOnClickMenu1,\n closeWhenClick: true,\n },\n {\n icon: <span>Icon 2</span>,\n title: \"Menu 2\",\n onClick: mockOnClickMenu2,\n },\n {\n icon: <span>Icon 3</span>,\n title: \"Menu 3\",\n onClick: mockOnClickMenu3,\n closeWhenClick: false,\n },\n ];\n\n const buttonElement = <button>Menu Button</button>;\n\n render(<SubMenu menuItems={menuItems} buttonElement={buttonElement} />);\n\n // Menu 1のテスト menuクリック時消えていること\n const button = screen.getByText(\"Menu Button\");\n fireEvent.click(button);\n const menuItem1 = screen.getByText(\"Menu 1\");\n fireEvent.click(menuItem1);\n expect(mockOnClickMenu1).toHaveBeenCalled();\n setTimeout(() => {\n expect(screen.queryByText(\"Menu 1\")).toBeNull();\n }, 0);\n\n // Menu 2のテスト menuクリック時消えていること\n fireEvent.click(button);\n const menuItem2 = screen.getByText(\"Menu 2\");\n fireEvent.click(menuItem2);\n expect(mockOnClickMenu2).toHaveBeenCalled();\n setTimeout(() => {\n expect(screen.queryByText(\"Menu 2\")).toBeNull();\n }, 0);\n\n // Menu 3のテスト menuクリック時消えていないこと\n fireEvent.click(button);\n const menuItem3 = screen.getByText(\"Menu 3\");\n fireEvent.click(menuItem3);\n expect(mockOnClickMenu3).toHaveBeenCalled();\n setTimeout(() => {\n expect(screen.queryByText(\"Menu 3\")).not.toBeNull();\n }, 0);\n });\n});\n"],"names":["mockOnClickMenu1","mockOnClickMenu2","mockOnClickMenu3","render","jsx","SubMenu","button","screen","fireEvent","menuItem1","menuItem2","menuItem3"],"mappings":";;;AAIA,SAAS,qBAAqB,MAAM;AAClC,OAAK,sEAAsE,MAAM;AAC/E,UAAMA,IAAmB,KAAK,GAAA,GACxBC,IAAmB,KAAK,GAAA,GACxBC,IAAmB,KAAK,GAAA;AAwB9B,IAAAC,EAAO,gBAAAC,EAACC,GAAA,EAAQ,WAtBE;AAAA,MAChB;AAAA,QACE,MAAM,gBAAAD,EAAC,QAAA,EAAK,UAAA,SAAA,CAAM;AAAA,QAClB,OAAO;AAAA,QACP,SAASJ;AAAA,QACT,gBAAgB;AAAA,MAAA;AAAA,MAElB;AAAA,QACE,MAAM,gBAAAI,EAAC,QAAA,EAAK,UAAA,SAAA,CAAM;AAAA,QAClB,OAAO;AAAA,QACP,SAASH;AAAA,MAAA;AAAA,MAEX;AAAA,QACE,MAAM,gBAAAG,EAAC,QAAA,EAAK,UAAA,SAAA,CAAM;AAAA,QAClB,OAAO;AAAA,QACP,SAASF;AAAA,QACT,gBAAgB;AAAA,MAAA;AAAA,IAClB,GAKoC,eAFhB,gBAAAE,EAAC,UAAA,EAAO,UAAA,cAAA,CAAW,EAEH,CAA8B,CAAE;AAGtE,UAAME,IAASC,EAAO,UAAU,aAAa;AAC7C,IAAAC,EAAU,MAAMF,CAAM;AACtB,UAAMG,IAAYF,EAAO,UAAU,QAAQ;AAC3C,IAAAC,EAAU,MAAMC,CAAS,GACzB,OAAOT,CAAgB,EAAE,iBAAA,GACzB,WAAW,MAAM;AACf,aAAOO,EAAO,YAAY,QAAQ,CAAC,EAAE,SAAA;AAAA,IACvC,GAAG,CAAC,GAGJC,EAAU,MAAMF,CAAM;AACtB,UAAMI,IAAYH,EAAO,UAAU,QAAQ;AAC3C,IAAAC,EAAU,MAAME,CAAS,GACzB,OAAOT,CAAgB,EAAE,iBAAA,GACzB,WAAW,MAAM;AACf,aAAOM,EAAO,YAAY,QAAQ,CAAC,EAAE,SAAA;AAAA,IACvC,GAAG,CAAC,GAGJC,EAAU,MAAMF,CAAM;AACtB,UAAMK,IAAYJ,EAAO,UAAU,QAAQ;AAC3C,IAAAC,EAAU,MAAMG,CAAS,GACzB,OAAOT,CAAgB,EAAE,iBAAA,GACzB,WAAW,MAAM;AACf,aAAOK,EAAO,YAAY,QAAQ,CAAC,EAAE,IAAI,SAAA;AAAA,IAC3C,GAAG,CAAC;AAAA,EACN,CAAC;AACH,CAAC;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Tabs/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Box, Tabs as MuiTabs, styled, Tab } from \"@mui/material\";\n\ntype TabItem = {\n /** タブの識別値 */\n value: string;\n /** 表示名 */\n label: string;\n /** 表示アイコン example:\n * <PhoneIcon sx={{ fontSize: 20 }} />\n */\n icon?: React.ReactElement
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Tabs/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Box, Tabs as MuiTabs, styled, Tab } from \"@mui/material\";\n\ntype TabItem = {\n /** タブの識別値 */\n value: string;\n /** 表示名 */\n label: string;\n /** 表示アイコン example:\n * <PhoneIcon sx={{ fontSize: 20 }} />\n */\n icon?: React.ReactElement<unknown>;\n};\n\ntype Props = {\n /** タブアイテム情報*/\n items: TabItem[];\n /** 現在選択中のvalue state管理 */\n value: string;\n /** 選択中のTabが変更された時のhandler */\n handleChange: (event: React.SyntheticEvent, newValue: string) => void;\n};\n\ninterface StyledTabsProps {\n children?: React.ReactNode;\n value: string;\n onChange: (event: React.SyntheticEvent, newValue: string) => void;\n}\n\nconst StyledTabs = styled((props: StyledTabsProps) => (\n <MuiTabs\n {...props}\n aria-label=\"wrapped tabs\"\n TabIndicatorProps={{ children: <span className=\"MuiTabs-indicatorSpan\" /> }}\n />\n))({\n \"& .MuiTabs-indicator\": {\n display: \"flex\",\n justifyContent: \"center\",\n backgroundColor: \"transparent\",\n },\n \"& .MuiTabs-indicatorSpan\": {\n width: \"100%\",\n backgroundColor: \"#6672e8\",\n },\n});\n\nconst StyledTab = styled((props: TabItem) => (\n <Tab {...props} iconPosition=\"start\" />\n))(({}) => ({\n \"&.Mui-selected\": {\n color: \"#000\",\n fontWeight: \"800\",\n },\n}));\n\nexport const Tabs = (props: Props) => {\n const { items, value, handleChange } = props;\n\n return (\n <Box sx={{ width: \"100%\" }}>\n <StyledTabs\n value={value}\n onChange={handleChange}\n aria-label=\"wrapped tabs\"\n >\n {items.map((item) => (\n <StyledTab\n key={item.value}\n icon={item.icon}\n label={item.label}\n value={item.value}\n />\n ))}\n </StyledTabs>\n </Box>\n );\n};\n\nexport default Tabs;\n"],"names":["StyledTabs","styled","props","jsx","MuiTabs","StyledTab","Tab","Tabs","items","value","handleChange","Box","item"],"mappings":"4KA6BMA,EAAaC,EAAAA,OAAQC,GACzBC,EAAAA,IAACC,EAAAA,KAAA,CACE,GAAGF,EACJ,aAAW,eACX,kBAAmB,CAAE,eAAW,OAAA,CAAK,UAAU,wBAAwB,CAAA,CAAG,CAC5E,CACD,EAAE,CACD,uBAAwB,CACtB,QAAS,OACT,eAAgB,SAChB,gBAAiB,aAAA,EAEnB,2BAA4B,CAC1B,MAAO,OACP,gBAAiB,SAAA,CAErB,CAAC,EAEKG,EAAYJ,EAAAA,OAAQC,SACvBI,EAAAA,IAAA,CAAK,GAAGJ,EAAO,aAAa,OAAA,CAAQ,CACtC,EAAE,CAAC,CAAA,KAAQ,CACV,iBAAkB,CAChB,MAAO,OACP,WAAY,KAAA,CAEhB,EAAE,EAEWK,EAAQL,GAAiB,CACpC,KAAM,CAAE,MAAAM,EAAO,MAAAC,EAAO,aAAAC,CAAA,EAAiBR,EAEvC,aACGS,EAAAA,IAAA,CAAI,GAAI,CAAE,MAAO,QAChB,SAAAR,EAAAA,IAACH,EAAA,CACC,MAAAS,EACA,SAAUC,EACV,aAAW,eAEV,SAAAF,EAAM,IAAKI,GACVT,EAAAA,IAACE,EAAA,CAEC,KAAMO,EAAK,KACX,MAAOA,EAAK,MACZ,MAAOA,EAAK,KAAA,EAHPA,EAAK,KAAA,CAKb,CAAA,CAAA,EAEL,CAEJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../src/components/Tabs/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Box, Tabs as MuiTabs, styled, Tab } from \"@mui/material\";\n\ntype TabItem = {\n /** タブの識別値 */\n value: string;\n /** 表示名 */\n label: string;\n /** 表示アイコン example:\n * <PhoneIcon sx={{ fontSize: 20 }} />\n */\n icon?: React.ReactElement
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../src/components/Tabs/index.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Box, Tabs as MuiTabs, styled, Tab } from \"@mui/material\";\n\ntype TabItem = {\n /** タブの識別値 */\n value: string;\n /** 表示名 */\n label: string;\n /** 表示アイコン example:\n * <PhoneIcon sx={{ fontSize: 20 }} />\n */\n icon?: React.ReactElement<unknown>;\n};\n\ntype Props = {\n /** タブアイテム情報*/\n items: TabItem[];\n /** 現在選択中のvalue state管理 */\n value: string;\n /** 選択中のTabが変更された時のhandler */\n handleChange: (event: React.SyntheticEvent, newValue: string) => void;\n};\n\ninterface StyledTabsProps {\n children?: React.ReactNode;\n value: string;\n onChange: (event: React.SyntheticEvent, newValue: string) => void;\n}\n\nconst StyledTabs = styled((props: StyledTabsProps) => (\n <MuiTabs\n {...props}\n aria-label=\"wrapped tabs\"\n TabIndicatorProps={{ children: <span className=\"MuiTabs-indicatorSpan\" /> }}\n />\n))({\n \"& .MuiTabs-indicator\": {\n display: \"flex\",\n justifyContent: \"center\",\n backgroundColor: \"transparent\",\n },\n \"& .MuiTabs-indicatorSpan\": {\n width: \"100%\",\n backgroundColor: \"#6672e8\",\n },\n});\n\nconst StyledTab = styled((props: TabItem) => (\n <Tab {...props} iconPosition=\"start\" />\n))(({}) => ({\n \"&.Mui-selected\": {\n color: \"#000\",\n fontWeight: \"800\",\n },\n}));\n\nexport const Tabs = (props: Props) => {\n const { items, value, handleChange } = props;\n\n return (\n <Box sx={{ width: \"100%\" }}>\n <StyledTabs\n value={value}\n onChange={handleChange}\n aria-label=\"wrapped tabs\"\n >\n {items.map((item) => (\n <StyledTab\n key={item.value}\n icon={item.icon}\n label={item.label}\n value={item.value}\n />\n ))}\n </StyledTabs>\n </Box>\n );\n};\n\nexport default Tabs;\n"],"names":["StyledTabs","styled","props","jsx","MuiTabs","StyledTab","Tab","Tabs","items","value","handleChange","Box","item"],"mappings":";;AA6BA,MAAMA,IAAaC,EAAO,CAACC,MACzB,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,cAAW;AAAA,IACX,mBAAmB,EAAE,4BAAW,QAAA,EAAK,WAAU,yBAAwB,EAAA;AAAA,EAAG;AAC5E,CACD,EAAE;AAAA,EACD,wBAAwB;AAAA,IACtB,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,EAAA;AAAA,EAEnB,4BAA4B;AAAA,IAC1B,OAAO;AAAA,IACP,iBAAiB;AAAA,EAAA;AAErB,CAAC,GAEKG,IAAYJ,EAAO,CAACC,wBACvBI,GAAA,EAAK,GAAGJ,GAAO,cAAa,QAAA,CAAQ,CACtC,EAAE,CAAC,CAAA,OAAQ;AAAA,EACV,kBAAkB;AAAA,IAChB,OAAO;AAAA,IACP,YAAY;AAAA,EAAA;AAEhB,EAAE,GAEWK,IAAO,CAACL,MAAiB;AACpC,QAAM,EAAE,OAAAM,GAAO,OAAAC,GAAO,cAAAC,EAAA,IAAiBR;AAEvC,2BACGS,GAAA,EAAI,IAAI,EAAE,OAAO,UAChB,UAAA,gBAAAR;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,OAAAS;AAAA,MACA,UAAUC;AAAA,MACV,cAAW;AAAA,MAEV,UAAAF,EAAM,IAAI,CAACI,MACV,gBAAAT;AAAA,QAACE;AAAA,QAAA;AAAA,UAEC,MAAMO,EAAK;AAAA,UACX,OAAOA,EAAK;AAAA,UACZ,OAAOA,EAAK;AAAA,QAAA;AAAA,QAHPA,EAAK;AAAA,MAAA,CAKb;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const c=require("react/jsx-runtime"),l=require("../../react.esm-
|
|
1
|
+
"use strict";const c=require("react/jsx-runtime"),l=require("../../react.esm-DGuy6Rn3.cjs"),s=require("./index.cjs.js");require("../../index-9p9q0wxE.cjs");describe("Tabs Component",()=>{const e=jest.fn(),t=[{value:"tab1",label:"Tab 1"},{value:"tab2",label:"Tab 2"},{value:"tab3",label:"Tab 3"}];it("renders the tabs correctly",()=>{const{getByText:a}=l.render(c.jsx(s.Tabs,{items:t,value:"tab1",handleChange:e}));t.forEach(n=>{expect(a(n.label)).toBeInTheDocument()})}),it("calls handleChange with the right value when a tab is clicked",()=>{const{getByText:a}=l.render(c.jsx(s.Tabs,{items:t,value:"tab1",handleChange:e})),n=a("Tab 2");l.fireEvent.click(n),expect(e).toHaveBeenCalled(),expect(e).toHaveBeenCalledWith(expect.anything(),"tab2")})});
|
|
2
2
|
//# sourceMappingURL=index.test.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Tabs/index.test.tsx"],"sourcesContent":["import { fireEvent, render } from \"@testing-library/react\";\n\nimport { Tabs } from \".\";\n\nimport \"@testing-library/jest-dom\";\n\ndescribe(\"Tabs Component\", () => {\n const mockHandleChange = jest.fn();\n const items = [\n { value: \"tab1\", label: \"Tab 1\" },\n { value: \"tab2\", label: \"Tab 2\" },\n { value: \"tab3\", label: \"Tab 3\" },\n ];\n\n it(\"renders the tabs correctly\", () => {\n const { getByText } = render(\n <Tabs items={items} value=\"tab1\" handleChange={mockHandleChange} />,\n );\n\n items.forEach((item) => {\n expect(getByText(item.label)).toBeInTheDocument();\n });\n });\n\n it(\"calls handleChange with the right value when a tab is clicked\", () => {\n const { getByText } = render(\n <Tabs items={items} value=\"tab1\" handleChange={mockHandleChange} />,\n );\n\n const tab2 = getByText(\"Tab 2\");\n fireEvent.click(tab2);\n\n expect(mockHandleChange).toHaveBeenCalled();\n expect(mockHandleChange).toHaveBeenCalledWith(expect.anything(), \"tab2\");\n });\n});\n"],"names":["mockHandleChange","items","getByText","render","Tabs","item","tab2","fireEvent"],"mappings":"4JAMA,SAAS,iBAAkB,IAAM,
|
|
1
|
+
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Tabs/index.test.tsx"],"sourcesContent":["import { fireEvent, render } from \"@testing-library/react\";\n\nimport { Tabs } from \".\";\n\nimport \"@testing-library/jest-dom\";\n\ndescribe(\"Tabs Component\", () => {\n const mockHandleChange = jest.fn();\n const items = [\n { value: \"tab1\", label: \"Tab 1\" },\n { value: \"tab2\", label: \"Tab 2\" },\n { value: \"tab3\", label: \"Tab 3\" },\n ];\n\n it(\"renders the tabs correctly\", () => {\n const { getByText } = render(\n <Tabs items={items} value=\"tab1\" handleChange={mockHandleChange} />,\n );\n\n items.forEach((item) => {\n expect(getByText(item.label)).toBeInTheDocument();\n });\n });\n\n it(\"calls handleChange with the right value when a tab is clicked\", () => {\n const { getByText } = render(\n <Tabs items={items} value=\"tab1\" handleChange={mockHandleChange} />,\n );\n\n const tab2 = getByText(\"Tab 2\");\n fireEvent.click(tab2);\n\n expect(mockHandleChange).toHaveBeenCalled();\n expect(mockHandleChange).toHaveBeenCalledWith(expect.anything(), \"tab2\");\n });\n});\n"],"names":["mockHandleChange","items","getByText","render","Tabs","item","tab2","fireEvent"],"mappings":"4JAMA,SAAS,iBAAkB,IAAM,CAC/B,MAAMA,EAAmB,KAAK,GAAA,EACxBC,EAAQ,CACZ,CAAE,MAAO,OAAQ,MAAO,OAAA,EACxB,CAAE,MAAO,OAAQ,MAAO,OAAA,EACxB,CAAE,MAAO,OAAQ,MAAO,OAAA,CAAQ,EAGlC,GAAG,6BAA8B,IAAM,CACrC,KAAM,CAAE,UAAAC,GAAcC,EAAAA,aACnBC,EAAAA,KAAA,CAAK,MAAAH,EAAc,MAAM,OAAO,aAAcD,CAAA,CAAkB,CAAA,EAGnEC,EAAM,QAASI,GAAS,CACtB,OAAOH,EAAUG,EAAK,KAAK,CAAC,EAAE,kBAAA,CAChC,CAAC,CACH,CAAC,EAED,GAAG,gEAAiE,IAAM,CACxE,KAAM,CAAE,UAAAH,GAAcC,EAAAA,aACnBC,EAAAA,KAAA,CAAK,MAAAH,EAAc,MAAM,OAAO,aAAcD,CAAA,CAAkB,CAAA,EAG7DM,EAAOJ,EAAU,OAAO,EAC9BK,EAAAA,UAAU,MAAMD,CAAI,EAEpB,OAAON,CAAgB,EAAE,iBAAA,EACzB,OAAOA,CAAgB,EAAE,qBAAqB,OAAO,SAAA,EAAY,MAAM,CACzE,CAAC,CACH,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { r as o, f as c } from "../../react.esm-
|
|
2
|
+
import { r as o, f as c } from "../../react.esm-BBESb8eI.js";
|
|
3
3
|
import { Tabs as b } from "./index.es.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-Cj9ZvtM1.js";
|
|
5
5
|
describe("Tabs Component", () => {
|
|
6
6
|
const e = jest.fn(), a = [
|
|
7
7
|
{ value: "tab1", label: "Tab 1" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Tabs/index.test.tsx"],"sourcesContent":["import { fireEvent, render } from \"@testing-library/react\";\n\nimport { Tabs } from \".\";\n\nimport \"@testing-library/jest-dom\";\n\ndescribe(\"Tabs Component\", () => {\n const mockHandleChange = jest.fn();\n const items = [\n { value: \"tab1\", label: \"Tab 1\" },\n { value: \"tab2\", label: \"Tab 2\" },\n { value: \"tab3\", label: \"Tab 3\" },\n ];\n\n it(\"renders the tabs correctly\", () => {\n const { getByText } = render(\n <Tabs items={items} value=\"tab1\" handleChange={mockHandleChange} />,\n );\n\n items.forEach((item) => {\n expect(getByText(item.label)).toBeInTheDocument();\n });\n });\n\n it(\"calls handleChange with the right value when a tab is clicked\", () => {\n const { getByText } = render(\n <Tabs items={items} value=\"tab1\" handleChange={mockHandleChange} />,\n );\n\n const tab2 = getByText(\"Tab 2\");\n fireEvent.click(tab2);\n\n expect(mockHandleChange).toHaveBeenCalled();\n expect(mockHandleChange).toHaveBeenCalledWith(expect.anything(), \"tab2\");\n });\n});\n"],"names":["mockHandleChange","items","getByText","render","Tabs","item","tab2","fireEvent"],"mappings":";;;;AAMA,SAAS,kBAAkB,MAAM;
|
|
1
|
+
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Tabs/index.test.tsx"],"sourcesContent":["import { fireEvent, render } from \"@testing-library/react\";\n\nimport { Tabs } from \".\";\n\nimport \"@testing-library/jest-dom\";\n\ndescribe(\"Tabs Component\", () => {\n const mockHandleChange = jest.fn();\n const items = [\n { value: \"tab1\", label: \"Tab 1\" },\n { value: \"tab2\", label: \"Tab 2\" },\n { value: \"tab3\", label: \"Tab 3\" },\n ];\n\n it(\"renders the tabs correctly\", () => {\n const { getByText } = render(\n <Tabs items={items} value=\"tab1\" handleChange={mockHandleChange} />,\n );\n\n items.forEach((item) => {\n expect(getByText(item.label)).toBeInTheDocument();\n });\n });\n\n it(\"calls handleChange with the right value when a tab is clicked\", () => {\n const { getByText } = render(\n <Tabs items={items} value=\"tab1\" handleChange={mockHandleChange} />,\n );\n\n const tab2 = getByText(\"Tab 2\");\n fireEvent.click(tab2);\n\n expect(mockHandleChange).toHaveBeenCalled();\n expect(mockHandleChange).toHaveBeenCalledWith(expect.anything(), \"tab2\");\n });\n});\n"],"names":["mockHandleChange","items","getByText","render","Tabs","item","tab2","fireEvent"],"mappings":";;;;AAMA,SAAS,kBAAkB,MAAM;AAC/B,QAAMA,IAAmB,KAAK,GAAA,GACxBC,IAAQ;AAAA,IACZ,EAAE,OAAO,QAAQ,OAAO,QAAA;AAAA,IACxB,EAAE,OAAO,QAAQ,OAAO,QAAA;AAAA,IACxB,EAAE,OAAO,QAAQ,OAAO,QAAA;AAAA,EAAQ;AAGlC,KAAG,8BAA8B,MAAM;AACrC,UAAM,EAAE,WAAAC,MAAcC;AAAA,wBACnBC,GAAA,EAAK,OAAAH,GAAc,OAAM,QAAO,cAAcD,EAAA,CAAkB;AAAA,IAAA;AAGnE,IAAAC,EAAM,QAAQ,CAACI,MAAS;AACtB,aAAOH,EAAUG,EAAK,KAAK,CAAC,EAAE,kBAAA;AAAA,IAChC,CAAC;AAAA,EACH,CAAC,GAED,GAAG,iEAAiE,MAAM;AACxE,UAAM,EAAE,WAAAH,MAAcC;AAAA,wBACnBC,GAAA,EAAK,OAAAH,GAAc,OAAM,QAAO,cAAcD,EAAA,CAAkB;AAAA,IAAA,GAG7DM,IAAOJ,EAAU,OAAO;AAC9B,IAAAK,EAAU,MAAMD,CAAI,GAEpB,OAAON,CAAgB,EAAE,iBAAA,GACzB,OAAOA,CAAgB,EAAE,qBAAqB,OAAO,SAAA,GAAY,MAAM;AAAA,EACzE,CAAC;AACH,CAAC;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Textarea/index.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n id?: string;\n register?: UseFormRegisterReturn;\n placeholder?: string;\n rows?: number;\n errorMessage?: string;\n disabled?: boolean;\n};\n\nexport const TextArea = (props: Props) => {\n const { id, register, placeholder, rows, errorMessage, disabled } = props;\n\n return (\n <div className={styles.inputContainer}>\n <textarea\n id={id}\n {...register}\n className={classNames(styles.textArea, {\n [styles.error]: errorMessage,\n })}\n placeholder={placeholder}\n rows={rows}\n disabled={disabled}\n />\n {errorMessage && (\n <small className={styles.errorMessage}>{errorMessage}</small>\n )}\n </div>\n );\n};\n\nTextArea.defaultProps = {\n rows: 3,\n disabled: false,\n};\n\nexport default TextArea;\n"],"names":["TextArea","props","id","register","placeholder","rows","errorMessage","disabled","jsxs","styles","jsx","classNames"],"mappings":"iUAcaA,EAAYC,GAAiB,CACxC,KAAM,CAAE,GAAAC,EAAI,SAAAC,EAAU,YAAAC,EAAa,KAAAC,EAAM,aAAAC,EAAc,SAAAC,GAAaN,EAEpE,
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Textarea/index.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n id?: string;\n register?: UseFormRegisterReturn;\n placeholder?: string;\n rows?: number;\n errorMessage?: string;\n disabled?: boolean;\n};\n\nexport const TextArea = (props: Props) => {\n const { id, register, placeholder, rows, errorMessage, disabled } = props;\n\n return (\n <div className={styles.inputContainer}>\n <textarea\n id={id}\n {...register}\n className={classNames(styles.textArea, {\n [styles.error]: errorMessage,\n })}\n placeholder={placeholder}\n rows={rows}\n disabled={disabled}\n />\n {errorMessage && (\n <small className={styles.errorMessage}>{errorMessage}</small>\n )}\n </div>\n );\n};\n\nTextArea.defaultProps = {\n rows: 3,\n disabled: false,\n};\n\nexport default TextArea;\n"],"names":["TextArea","props","id","register","placeholder","rows","errorMessage","disabled","jsxs","styles","jsx","classNames"],"mappings":"iUAcaA,EAAYC,GAAiB,CACxC,KAAM,CAAE,GAAAC,EAAI,SAAAC,EAAU,YAAAC,EAAa,KAAAC,EAAM,aAAAC,EAAc,SAAAC,GAAaN,EAEpE,OACEO,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAO,eACrB,SAAA,CAAAC,EAAAA,IAAC,WAAA,CACC,GAAAR,EACC,GAAGC,EACJ,UAAWQ,EAAWF,EAAO,SAAU,CACrC,CAACA,EAAO,KAAK,EAAGH,CAAA,CACjB,EACD,YAAAF,EACA,KAAAC,EACA,SAAAE,CAAA,CAAA,EAEDD,GACCI,EAAAA,IAAC,QAAA,CAAM,UAAWD,EAAO,aAAe,SAAAH,CAAA,CAAa,CAAA,EAEzD,CAEJ,EAEAN,EAAS,aAAe,CACtB,KAAM,EACN,SAAU,EACZ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../src/components/Textarea/index.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n id?: string;\n register?: UseFormRegisterReturn;\n placeholder?: string;\n rows?: number;\n errorMessage?: string;\n disabled?: boolean;\n};\n\nexport const TextArea = (props: Props) => {\n const { id, register, placeholder, rows, errorMessage, disabled } = props;\n\n return (\n <div className={styles.inputContainer}>\n <textarea\n id={id}\n {...register}\n className={classNames(styles.textArea, {\n [styles.error]: errorMessage,\n })}\n placeholder={placeholder}\n rows={rows}\n disabled={disabled}\n />\n {errorMessage && (\n <small className={styles.errorMessage}>{errorMessage}</small>\n )}\n </div>\n );\n};\n\nTextArea.defaultProps = {\n rows: 3,\n disabled: false,\n};\n\nexport default TextArea;\n"],"names":["TextArea","props","id","register","placeholder","rows","errorMessage","disabled","jsxs","styles","jsx","classNames"],"mappings":";;;;;;;GAcaA,IAAW,CAACC,MAAiB;AACxC,QAAM,EAAE,IAAAC,GAAI,UAAAC,GAAU,aAAAC,GAAa,MAAAC,GAAM,cAAAC,GAAc,UAAAC,MAAaN;AAEpE,
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../src/components/Textarea/index.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport type { UseFormRegisterReturn } from \"react-hook-form\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n id?: string;\n register?: UseFormRegisterReturn;\n placeholder?: string;\n rows?: number;\n errorMessage?: string;\n disabled?: boolean;\n};\n\nexport const TextArea = (props: Props) => {\n const { id, register, placeholder, rows, errorMessage, disabled } = props;\n\n return (\n <div className={styles.inputContainer}>\n <textarea\n id={id}\n {...register}\n className={classNames(styles.textArea, {\n [styles.error]: errorMessage,\n })}\n placeholder={placeholder}\n rows={rows}\n disabled={disabled}\n />\n {errorMessage && (\n <small className={styles.errorMessage}>{errorMessage}</small>\n )}\n </div>\n );\n};\n\nTextArea.defaultProps = {\n rows: 3,\n disabled: false,\n};\n\nexport default TextArea;\n"],"names":["TextArea","props","id","register","placeholder","rows","errorMessage","disabled","jsxs","styles","jsx","classNames"],"mappings":";;;;;;;GAcaA,IAAW,CAACC,MAAiB;AACxC,QAAM,EAAE,IAAAC,GAAI,UAAAC,GAAU,aAAAC,GAAa,MAAAC,GAAM,cAAAC,GAAc,UAAAC,MAAaN;AAEpE,SACE,gBAAAO,EAAC,OAAA,EAAI,WAAWC,EAAO,gBACrB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAR;AAAA,QACC,GAAGC;AAAA,QACJ,WAAWQ,EAAWF,EAAO,UAAU;AAAA,UACrC,CAACA,EAAO,KAAK,GAAGH;AAAA,QAAA,CACjB;AAAA,QACD,aAAAF;AAAA,QACA,MAAAC;AAAA,QACA,UAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDD,KACC,gBAAAI,EAAC,SAAA,EAAM,WAAWD,EAAO,cAAe,UAAAH,EAAA,CAAa;AAAA,EAAA,GAEzD;AAEJ;AAEAN,EAAS,eAAe;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AACZ;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),t=require("../../react.esm-
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),t=require("../../react.esm-DGuy6Rn3.cjs"),a=require("../../index-Ds6DK19y.cjs"),o=require("./index.cjs.js");describe("TextArea component",()=>{const c="testTextArea",s="Test Placeholder",n="Test Error";it("renders the textarea with the provided properties",()=>{t.render(r.jsx(o.TextArea,{id:c,placeholder:s,rows:4}));const e=t.screen.getByPlaceholderText(s);expect(e).toBeInTheDocument(),expect(e.tagName).toBe("TEXTAREA"),expect(e.getAttribute("rows")).toBe("4")}),it("renders the error message when provided",()=>{t.render(r.jsx(o.TextArea,{errorMessage:n}));const e=t.screen.getByText(n);expect(e).toBeInTheDocument()}),it("does not render the error message when not provided",()=>{t.render(r.jsx(o.TextArea,{}));const e=t.screen.queryByText(n);expect(e).not.toBeInTheDocument()}),it("should be accessible",async()=>{const{container:e}=t.render(r.jsx(o.TextArea,{id:c,placeholder:s,rows:4})),x=await a.jestAxe.axe(e);expect.extend(a.jestAxe.toHaveNoViolations),expect(x).toHaveNoViolations()})});
|
|
2
2
|
//# sourceMappingURL=index.test.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Textarea/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { TextArea } from \".\";\n\ndescribe(\"TextArea component\", () => {\n const id = \"testTextArea\";\n const placeholder = \"Test Placeholder\";\n const rows = 4;\n const errorMessage = \"Test Error\";\n\n it(\"renders the textarea with the provided properties\", () => {\n render(<TextArea id={id} placeholder={placeholder} rows={rows} />);\n\n const textAreaElement = screen.getByPlaceholderText(placeholder);\n expect(textAreaElement).toBeInTheDocument();\n expect(textAreaElement.tagName).toBe(\"TEXTAREA\");\n expect(textAreaElement.getAttribute(\"rows\")).toBe(rows.toString());\n });\n\n it(\"renders the error message when provided\", () => {\n render(<TextArea errorMessage={errorMessage} />);\n\n const errorMessageElement = screen.getByText(errorMessage);\n expect(errorMessageElement).toBeInTheDocument();\n });\n\n it(\"does not render the error message when not provided\", () => {\n render(<TextArea />);\n\n const errorMessageElement = screen.queryByText(errorMessage);\n expect(errorMessageElement).not.toBeInTheDocument();\n });\n\n it(\"should be accessible\", async () => {\n const { container } = render(\n <TextArea id={id} placeholder={placeholder} rows={rows} />,\n );\n const results = await axe(container);\n\n expect.extend(toHaveNoViolations);\n expect(results).toHaveNoViolations();\n });\n});\n"],"names":["id","placeholder","errorMessage","render","jsx","TextArea","textAreaElement","screen","errorMessageElement","container","results","axe","toHaveNoViolations"],"mappings":"8JAKA,SAAS,qBAAsB,IAAM,CACnC,MAAMA,EAAK,eACLC,EAAc,mBAEdC,EAAe,aAErB,GAAG,oDAAqD,IAAM,CAC5DC,
|
|
1
|
+
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Textarea/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { TextArea } from \".\";\n\ndescribe(\"TextArea component\", () => {\n const id = \"testTextArea\";\n const placeholder = \"Test Placeholder\";\n const rows = 4;\n const errorMessage = \"Test Error\";\n\n it(\"renders the textarea with the provided properties\", () => {\n render(<TextArea id={id} placeholder={placeholder} rows={rows} />);\n\n const textAreaElement = screen.getByPlaceholderText(placeholder);\n expect(textAreaElement).toBeInTheDocument();\n expect(textAreaElement.tagName).toBe(\"TEXTAREA\");\n expect(textAreaElement.getAttribute(\"rows\")).toBe(rows.toString());\n });\n\n it(\"renders the error message when provided\", () => {\n render(<TextArea errorMessage={errorMessage} />);\n\n const errorMessageElement = screen.getByText(errorMessage);\n expect(errorMessageElement).toBeInTheDocument();\n });\n\n it(\"does not render the error message when not provided\", () => {\n render(<TextArea />);\n\n const errorMessageElement = screen.queryByText(errorMessage);\n expect(errorMessageElement).not.toBeInTheDocument();\n });\n\n it(\"should be accessible\", async () => {\n const { container } = render(\n <TextArea id={id} placeholder={placeholder} rows={rows} />,\n );\n const results = await axe(container);\n\n expect.extend(toHaveNoViolations);\n expect(results).toHaveNoViolations();\n });\n});\n"],"names":["id","placeholder","errorMessage","render","jsx","TextArea","textAreaElement","screen","errorMessageElement","container","results","axe","toHaveNoViolations"],"mappings":"8JAKA,SAAS,qBAAsB,IAAM,CACnC,MAAMA,EAAK,eACLC,EAAc,mBAEdC,EAAe,aAErB,GAAG,oDAAqD,IAAM,CAC5DC,EAAAA,OAAOC,EAAAA,IAACC,WAAA,CAAS,GAAAL,EAAQ,YAAAC,EAA0B,OAAY,CAAE,EAEjE,MAAMK,EAAkBC,EAAAA,OAAO,qBAAqBN,CAAW,EAC/D,OAAOK,CAAe,EAAE,kBAAA,EACxB,OAAOA,EAAgB,OAAO,EAAE,KAAK,UAAU,EAC/C,OAAOA,EAAgB,aAAa,MAAM,CAAC,EAAE,KAAK,GAAe,CACnE,CAAC,EAED,GAAG,0CAA2C,IAAM,CAClDH,EAAAA,OAAOC,EAAAA,IAACC,EAAAA,SAAA,CAAS,aAAAH,CAAA,CAA4B,CAAE,EAE/C,MAAMM,EAAsBD,EAAAA,OAAO,UAAUL,CAAY,EACzD,OAAOM,CAAmB,EAAE,kBAAA,CAC9B,CAAC,EAED,GAAG,sDAAuD,IAAM,CAC9DL,EAAAA,OAAOC,EAAAA,IAACC,aAAS,CAAE,EAEnB,MAAMG,EAAsBD,EAAAA,OAAO,YAAYL,CAAY,EAC3D,OAAOM,CAAmB,EAAE,IAAI,kBAAA,CAClC,CAAC,EAED,GAAG,uBAAwB,SAAY,CACrC,KAAM,CAAE,UAAAC,GAAcN,EAAAA,OACpBC,EAAAA,IAACC,EAAAA,SAAA,CAAS,GAAAL,EAAQ,YAAAC,EAA0B,MAAA,CAAY,CAAA,EAEpDS,EAAU,MAAMC,EAAAA,QAAAA,IAAIF,CAAS,EAEnC,OAAO,OAAOG,4BAAkB,EAChC,OAAOF,CAAO,EAAE,mBAAA,CAClB,CAAC,CACH,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { r as o, s as a } from "../../react.esm-
|
|
3
|
-
import { j as i } from "../../index-
|
|
2
|
+
import { r as o, s as a } from "../../react.esm-BBESb8eI.js";
|
|
3
|
+
import { j as i } from "../../index-DI17hZPH.js";
|
|
4
4
|
import { TextArea as r } from "./index.es.js";
|
|
5
5
|
describe("TextArea component", () => {
|
|
6
6
|
const c = "testTextArea", s = "Test Placeholder", n = "Test Error";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Textarea/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { TextArea } from \".\";\n\ndescribe(\"TextArea component\", () => {\n const id = \"testTextArea\";\n const placeholder = \"Test Placeholder\";\n const rows = 4;\n const errorMessage = \"Test Error\";\n\n it(\"renders the textarea with the provided properties\", () => {\n render(<TextArea id={id} placeholder={placeholder} rows={rows} />);\n\n const textAreaElement = screen.getByPlaceholderText(placeholder);\n expect(textAreaElement).toBeInTheDocument();\n expect(textAreaElement.tagName).toBe(\"TEXTAREA\");\n expect(textAreaElement.getAttribute(\"rows\")).toBe(rows.toString());\n });\n\n it(\"renders the error message when provided\", () => {\n render(<TextArea errorMessage={errorMessage} />);\n\n const errorMessageElement = screen.getByText(errorMessage);\n expect(errorMessageElement).toBeInTheDocument();\n });\n\n it(\"does not render the error message when not provided\", () => {\n render(<TextArea />);\n\n const errorMessageElement = screen.queryByText(errorMessage);\n expect(errorMessageElement).not.toBeInTheDocument();\n });\n\n it(\"should be accessible\", async () => {\n const { container } = render(\n <TextArea id={id} placeholder={placeholder} rows={rows} />,\n );\n const results = await axe(container);\n\n expect.extend(toHaveNoViolations);\n expect(results).toHaveNoViolations();\n });\n});\n"],"names":["id","placeholder","errorMessage","render","jsx","TextArea","textAreaElement","screen","errorMessageElement","container","results","axe","toHaveNoViolations"],"mappings":";;;;AAKA,SAAS,sBAAsB,MAAM;AACnC,QAAMA,IAAK,gBACLC,IAAc,oBAEdC,IAAe;AAErB,KAAG,qDAAqD,MAAM;AAC5D,IAAAC,
|
|
1
|
+
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Textarea/index.test.tsx"],"sourcesContent":["import { render, screen } from \"@testing-library/react\";\nimport { axe, toHaveNoViolations } from \"jest-axe\";\n\nimport { TextArea } from \".\";\n\ndescribe(\"TextArea component\", () => {\n const id = \"testTextArea\";\n const placeholder = \"Test Placeholder\";\n const rows = 4;\n const errorMessage = \"Test Error\";\n\n it(\"renders the textarea with the provided properties\", () => {\n render(<TextArea id={id} placeholder={placeholder} rows={rows} />);\n\n const textAreaElement = screen.getByPlaceholderText(placeholder);\n expect(textAreaElement).toBeInTheDocument();\n expect(textAreaElement.tagName).toBe(\"TEXTAREA\");\n expect(textAreaElement.getAttribute(\"rows\")).toBe(rows.toString());\n });\n\n it(\"renders the error message when provided\", () => {\n render(<TextArea errorMessage={errorMessage} />);\n\n const errorMessageElement = screen.getByText(errorMessage);\n expect(errorMessageElement).toBeInTheDocument();\n });\n\n it(\"does not render the error message when not provided\", () => {\n render(<TextArea />);\n\n const errorMessageElement = screen.queryByText(errorMessage);\n expect(errorMessageElement).not.toBeInTheDocument();\n });\n\n it(\"should be accessible\", async () => {\n const { container } = render(\n <TextArea id={id} placeholder={placeholder} rows={rows} />,\n );\n const results = await axe(container);\n\n expect.extend(toHaveNoViolations);\n expect(results).toHaveNoViolations();\n });\n});\n"],"names":["id","placeholder","errorMessage","render","jsx","TextArea","textAreaElement","screen","errorMessageElement","container","results","axe","toHaveNoViolations"],"mappings":";;;;AAKA,SAAS,sBAAsB,MAAM;AACnC,QAAMA,IAAK,gBACLC,IAAc,oBAEdC,IAAe;AAErB,KAAG,qDAAqD,MAAM;AAC5D,IAAAC,EAAO,gBAAAC,EAACC,GAAA,EAAS,IAAAL,GAAQ,aAAAC,GAA0B,SAAY,CAAE;AAEjE,UAAMK,IAAkBC,EAAO,qBAAqBN,CAAW;AAC/D,WAAOK,CAAe,EAAE,kBAAA,GACxB,OAAOA,EAAgB,OAAO,EAAE,KAAK,UAAU,GAC/C,OAAOA,EAAgB,aAAa,MAAM,CAAC,EAAE,KAAK,GAAe;AAAA,EACnE,CAAC,GAED,GAAG,2CAA2C,MAAM;AAClD,IAAAH,EAAO,gBAAAC,EAACC,GAAA,EAAS,cAAAH,EAAA,CAA4B,CAAE;AAE/C,UAAMM,IAAsBD,EAAO,UAAUL,CAAY;AACzD,WAAOM,CAAmB,EAAE,kBAAA;AAAA,EAC9B,CAAC,GAED,GAAG,uDAAuD,MAAM;AAC9D,IAAAL,EAAO,gBAAAC,EAACC,KAAS,CAAE;AAEnB,UAAMG,IAAsBD,EAAO,YAAYL,CAAY;AAC3D,WAAOM,CAAmB,EAAE,IAAI,kBAAA;AAAA,EAClC,CAAC,GAED,GAAG,wBAAwB,YAAY;AACrC,UAAM,EAAE,WAAAC,MAAcN;AAAA,MACpB,gBAAAC,EAACC,GAAA,EAAS,IAAAL,GAAQ,aAAAC,GAA0B,QAAA,CAAY;AAAA,IAAA,GAEpDS,IAAU,MAAMC,EAAAA,IAAIF,CAAS;AAEnC,WAAO,OAAOG,oBAAkB,GAChC,OAAOF,CAAO,EAAE,mBAAA;AAAA,EAClB,CAAC;AACH,CAAC;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../../assets/index30.css');const i=require("react/jsx-runtime"),r=require("@mui/material"),o="_title_1p2hj_1",n={title:o},e=t=>{const{title:l,className:s}=t;return i.jsx(r.Typography,{className:`${n.title} ${s??""}`,fontWeight:600,children:l})};exports.Title=e;exports.default=e;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Title/index.tsx"],"sourcesContent":["import { Typography } from \"@mui/material\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n /** タイトルテキスト */\n title: string;\n /** タイトルのクラス名 */\n className?: string;\n};\n\n/**\n * タイトルを表示するコンポーネント\n * フォントサイズ16pxで太字のテキストを表示します\n */\nexport const Title = (props: Props) => {\n const { title, className } = props;\n return (\n <Typography
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Title/index.tsx"],"sourcesContent":["import { Typography } from \"@mui/material\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n /** タイトルテキスト */\n title: string;\n /** タイトルのクラス名 */\n className?: string;\n};\n\n/**\n * タイトルを表示するコンポーネント\n * フォントサイズ16pxで太字のテキストを表示します\n */\nexport const Title = (props: Props) => {\n const { title, className } = props;\n return (\n <Typography\n className={`${styles.title} ${className ?? \"\"}`}\n fontWeight={600}\n >\n {title}\n </Typography>\n );\n};\n\nexport default Title;\n"],"names":["Title","props","title","className","jsx","Typography","styles"],"mappings":"2MAeaA,EAASC,GAAiB,CACrC,KAAM,CAAE,MAAAC,EAAO,UAAAC,CAAA,EAAcF,EAC7B,OACEG,EAAAA,IAACC,EAAAA,WAAA,CACC,UAAW,GAAGC,EAAO,KAAK,IAAIH,GAAa,EAAE,GAC7C,WAAY,IAEX,SAAAD,CAAA,CAAA,CAGP"}
|
|
@@ -1,10 +1,17 @@
|
|
|
1
1
|
import { jsx as l } from "react/jsx-runtime";
|
|
2
2
|
import { Typography as o } from "@mui/material";
|
|
3
|
-
import '../../assets/
|
|
3
|
+
import '../../assets/index30.css';const i = "_title_1p2hj_1", r = {
|
|
4
4
|
title: i
|
|
5
5
|
}, n = (t) => {
|
|
6
6
|
const { title: e, className: s } = t;
|
|
7
|
-
return /* @__PURE__ */ l(
|
|
7
|
+
return /* @__PURE__ */ l(
|
|
8
|
+
o,
|
|
9
|
+
{
|
|
10
|
+
className: `${r.title} ${s ?? ""}`,
|
|
11
|
+
fontWeight: 600,
|
|
12
|
+
children: e
|
|
13
|
+
}
|
|
14
|
+
);
|
|
8
15
|
};
|
|
9
16
|
export {
|
|
10
17
|
n as Title,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../src/components/Title/index.tsx"],"sourcesContent":["import { Typography } from \"@mui/material\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n /** タイトルテキスト */\n title: string;\n /** タイトルのクラス名 */\n className?: string;\n};\n\n/**\n * タイトルを表示するコンポーネント\n * フォントサイズ16pxで太字のテキストを表示します\n */\nexport const Title = (props: Props) => {\n const { title, className } = props;\n return (\n <Typography
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../src/components/Title/index.tsx"],"sourcesContent":["import { Typography } from \"@mui/material\";\n\nimport styles from \"./index.module.scss\";\n\ntype Props = {\n /** タイトルテキスト */\n title: string;\n /** タイトルのクラス名 */\n className?: string;\n};\n\n/**\n * タイトルを表示するコンポーネント\n * フォントサイズ16pxで太字のテキストを表示します\n */\nexport const Title = (props: Props) => {\n const { title, className } = props;\n return (\n <Typography\n className={`${styles.title} ${className ?? \"\"}`}\n fontWeight={600}\n >\n {title}\n </Typography>\n );\n};\n\nexport default Title;\n"],"names":["Title","props","title","className","jsx","Typography","styles"],"mappings":";;;;GAeaA,IAAQ,CAACC,MAAiB;AACrC,QAAM,EAAE,OAAAC,GAAO,WAAAC,EAAA,IAAcF;AAC7B,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGC,EAAO,KAAK,IAAIH,KAAa,EAAE;AAAA,MAC7C,YAAY;AAAA,MAEX,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const i=require("react/jsx-runtime"),s=require("../../react.esm-
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),s=require("../../react.esm-DGuy6Rn3.cjs");require("../../index-9p9q0wxE.cjs");const n=require("./index.cjs.js");describe("Title Component",()=>{it("renders the title text",()=>{const e="Test Title",{getByText:t}=s.render(i.jsx(n.Title,{title:e}));expect(t(e)).toBeInTheDocument()}),it("applies the correct class name",()=>{const e="Test Title",{getByText:t}=s.render(i.jsx(n.Title,{title:e}));expect(t(e)).toHaveClass("title")}),it("applies the correct font weight",()=>{const e="Test Title",{getByText:t}=s.render(i.jsx(n.Title,{title:e}));expect(t(e)).toHaveStyle("font-weight: 600")})});
|
|
2
2
|
//# sourceMappingURL=index.test.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Title/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { Title } from \".\";\n\ndescribe(\"Title Component\", () => {\n it(\"renders the title text\", () => {\n const titleText = \"Test Title\";\n const { getByText } = render(<Title title={titleText} />);\n\n expect(getByText(titleText)).toBeInTheDocument();\n });\n\n it(\"applies the correct class name\", () => {\n const titleText = \"Test Title\";\n const { getByText } = render(<Title title={titleText} />);\n\n expect(getByText(titleText)).toHaveClass(\"title\");\n });\n\n it(\"applies the correct font weight\", () => {\n const titleText = \"Test Title\";\n const { getByText } = render(<Title title={titleText} />);\n\n expect(getByText(titleText)).toHaveStyle(\"font-weight: 600\");\n });\n});\n"],"names":["titleText","getByText","render","Title"],"mappings":"kKAMA,SAAS,kBAAmB,IAAM,CAChC,GAAG,yBAA0B,IAAM,CACjC,MAAMA,EAAY,aACZ,CAAE,UAAAC,
|
|
1
|
+
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/Title/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { Title } from \".\";\n\ndescribe(\"Title Component\", () => {\n it(\"renders the title text\", () => {\n const titleText = \"Test Title\";\n const { getByText } = render(<Title title={titleText} />);\n\n expect(getByText(titleText)).toBeInTheDocument();\n });\n\n it(\"applies the correct class name\", () => {\n const titleText = \"Test Title\";\n const { getByText } = render(<Title title={titleText} />);\n\n expect(getByText(titleText)).toHaveClass(\"title\");\n });\n\n it(\"applies the correct font weight\", () => {\n const titleText = \"Test Title\";\n const { getByText } = render(<Title title={titleText} />);\n\n expect(getByText(titleText)).toHaveStyle(\"font-weight: 600\");\n });\n});\n"],"names":["titleText","getByText","render","Title"],"mappings":"kKAMA,SAAS,kBAAmB,IAAM,CAChC,GAAG,yBAA0B,IAAM,CACjC,MAAMA,EAAY,aACZ,CAAE,UAAAC,GAAcC,eAAQC,EAAAA,MAAA,CAAM,MAAOH,EAAW,CAAE,EAExD,OAAOC,EAAUD,CAAS,CAAC,EAAE,kBAAA,CAC/B,CAAC,EAED,GAAG,iCAAkC,IAAM,CACzC,MAAMA,EAAY,aACZ,CAAE,UAAAC,GAAcC,eAAQC,EAAAA,MAAA,CAAM,MAAOH,EAAW,CAAE,EAExD,OAAOC,EAAUD,CAAS,CAAC,EAAE,YAAY,OAAO,CAClD,CAAC,EAED,GAAG,kCAAmC,IAAM,CAC1C,MAAMA,EAAY,aACZ,CAAE,UAAAC,GAAcC,eAAQC,EAAAA,MAAA,CAAM,MAAOH,EAAW,CAAE,EAExD,OAAOC,EAAUD,CAAS,CAAC,EAAE,YAAY,kBAAkB,CAC7D,CAAC,CACH,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import { r as o } from "../../react.esm-
|
|
3
|
-
import "../../index-
|
|
2
|
+
import { r as o } from "../../react.esm-BBESb8eI.js";
|
|
3
|
+
import "../../index-Cj9ZvtM1.js";
|
|
4
4
|
import { Title as s } from "./index.es.js";
|
|
5
5
|
describe("Title Component", () => {
|
|
6
6
|
it("renders the title text", () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Title/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { Title } from \".\";\n\ndescribe(\"Title Component\", () => {\n it(\"renders the title text\", () => {\n const titleText = \"Test Title\";\n const { getByText } = render(<Title title={titleText} />);\n\n expect(getByText(titleText)).toBeInTheDocument();\n });\n\n it(\"applies the correct class name\", () => {\n const titleText = \"Test Title\";\n const { getByText } = render(<Title title={titleText} />);\n\n expect(getByText(titleText)).toHaveClass(\"title\");\n });\n\n it(\"applies the correct font weight\", () => {\n const titleText = \"Test Title\";\n const { getByText } = render(<Title title={titleText} />);\n\n expect(getByText(titleText)).toHaveStyle(\"font-weight: 600\");\n });\n});\n"],"names":["titleText","getByText","render","Title"],"mappings":";;;;AAMA,SAAS,mBAAmB,MAAM;AAChC,KAAG,0BAA0B,MAAM;AACjC,UAAMA,IAAY,cACZ,EAAE,WAAAC,
|
|
1
|
+
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/Title/index.test.tsx"],"sourcesContent":["import { render } from \"@testing-library/react\";\n\nimport \"@testing-library/jest-dom\";\n\nimport { Title } from \".\";\n\ndescribe(\"Title Component\", () => {\n it(\"renders the title text\", () => {\n const titleText = \"Test Title\";\n const { getByText } = render(<Title title={titleText} />);\n\n expect(getByText(titleText)).toBeInTheDocument();\n });\n\n it(\"applies the correct class name\", () => {\n const titleText = \"Test Title\";\n const { getByText } = render(<Title title={titleText} />);\n\n expect(getByText(titleText)).toHaveClass(\"title\");\n });\n\n it(\"applies the correct font weight\", () => {\n const titleText = \"Test Title\";\n const { getByText } = render(<Title title={titleText} />);\n\n expect(getByText(titleText)).toHaveStyle(\"font-weight: 600\");\n });\n});\n"],"names":["titleText","getByText","render","Title"],"mappings":";;;;AAMA,SAAS,mBAAmB,MAAM;AAChC,KAAG,0BAA0B,MAAM;AACjC,UAAMA,IAAY,cACZ,EAAE,WAAAC,MAAcC,oBAAQC,GAAA,EAAM,OAAOH,GAAW,CAAE;AAExD,WAAOC,EAAUD,CAAS,CAAC,EAAE,kBAAA;AAAA,EAC/B,CAAC,GAED,GAAG,kCAAkC,MAAM;AACzC,UAAMA,IAAY,cACZ,EAAE,WAAAC,MAAcC,oBAAQC,GAAA,EAAM,OAAOH,GAAW,CAAE;AAExD,WAAOC,EAAUD,CAAS,CAAC,EAAE,YAAY,OAAO;AAAA,EAClD,CAAC,GAED,GAAG,mCAAmC,MAAM;AAC1C,UAAMA,IAAY,cACZ,EAAE,WAAAC,MAAcC,oBAAQC,GAAA,EAAM,OAAOH,GAAW,CAAE;AAExD,WAAOC,EAAUD,CAAS,CAAC,EAAE,YAAY,kBAAkB;AAAA,EAC7D,CAAC;AACH,CAAC;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/ToggleButton/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n FormControl,\n FormHelperText,\n ToggleButton,\n ToggleButtonGroup,\n} from \"@mui/material\";\nimport {\n Control,\n Controller,\n FieldPath,\n FieldValues,\n PathValue,\n} from \"react-hook-form\";\n\ntype Option<T extends FieldValues> = {\n label: ReactNode;\n value: PathValue<T, FieldPath<T>>;\n};\n\ntype Props<T extends FieldValues> = {\n control: Control<T>;\n name: FieldPath<T>;\n defaultValue: PathValue<T, FieldPath<T>>;\n options: Option<T>[];\n onChange?: (event: React.MouseEvent<HTMLElement>, value: unknown) => void;\n};\n\nexport const ToggleButtonController = <T extends FieldValues>(\n props: Props<T>,\n) => {\n const { control, name, defaultValue, options, onChange } = 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 <ToggleButtonGroup\n exclusive\n {...field}\n onChange={(e, newValue) => {\n if (newValue) {\n field.onChange(newValue);\n onChange?.(e, newValue);\n }\n }}\n >\n {options.map((m: Option<T>) => (\n <ToggleButton value={m.value} key={m.value}>\n {\" \"}\n {m.label}{\" \"}\n </ToggleButton>\n ))}\n </ToggleButtonGroup>\n <FormHelperText>{fieldState.error?.message}</FormHelperText>\n </FormControl>\n )}\n />\n );\n};\n\nexport default ToggleButtonController;\n"],"names":["ToggleButtonController","props","control","name","defaultValue","options","onChange","jsx","Controller","field","fieldState","jsxs","FormControl","ToggleButtonGroup","newValue","m","ToggleButton","FormHelperText","_a"],"mappings":"yMA4BaA,EACXC,GACG,CACH,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,aAAAC,EAAc,QAAAC,EAAS,SAAAC,GAAaL,
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/ToggleButton/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n FormControl,\n FormHelperText,\n ToggleButton,\n ToggleButtonGroup,\n} from \"@mui/material\";\nimport {\n Control,\n Controller,\n FieldPath,\n FieldValues,\n PathValue,\n} from \"react-hook-form\";\n\ntype Option<T extends FieldValues> = {\n label: ReactNode;\n value: PathValue<T, FieldPath<T>>;\n};\n\ntype Props<T extends FieldValues> = {\n control: Control<T>;\n name: FieldPath<T>;\n defaultValue: PathValue<T, FieldPath<T>>;\n options: Option<T>[];\n onChange?: (event: React.MouseEvent<HTMLElement>, value: unknown) => void;\n};\n\nexport const ToggleButtonController = <T extends FieldValues>(\n props: Props<T>,\n) => {\n const { control, name, defaultValue, options, onChange } = 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 <ToggleButtonGroup\n exclusive\n {...field}\n onChange={(e, newValue) => {\n if (newValue) {\n field.onChange(newValue);\n onChange?.(e, newValue);\n }\n }}\n >\n {options.map((m: Option<T>) => (\n <ToggleButton value={m.value} key={m.value}>\n {\" \"}\n {m.label}{\" \"}\n </ToggleButton>\n ))}\n </ToggleButtonGroup>\n <FormHelperText>{fieldState.error?.message}</FormHelperText>\n </FormControl>\n )}\n />\n );\n};\n\nexport default ToggleButtonController;\n"],"names":["ToggleButtonController","props","control","name","defaultValue","options","onChange","jsx","Controller","field","fieldState","jsxs","FormControl","ToggleButtonGroup","newValue","m","ToggleButton","FormHelperText","_a"],"mappings":"yMA4BaA,EACXC,GACG,CACH,KAAM,CAAE,QAAAC,EAAS,KAAAC,EAAM,aAAAC,EAAc,QAAAC,EAAS,SAAAC,GAAaL,EAE3D,OACEM,EAAAA,IAACC,EAAAA,WAAA,CACC,QAAAN,EACA,KAAAC,EACA,aAAAC,EACA,OAAQ,CAAC,CAAE,MAAAK,EAAO,WAAAC,YAChBC,OAAAA,EAAAA,KAACC,EAAAA,YAAA,CAAY,MAAOF,EAAW,QAC7B,SAAA,CAAAH,EAAAA,IAACM,EAAAA,kBAAA,CACC,UAAS,GACR,GAAGJ,EACJ,SAAU,CAAC,EAAGK,IAAa,CACrBA,IACFL,EAAM,SAASK,CAAQ,EACvBR,GAAA,MAAAA,EAAW,EAAGQ,GAElB,EAEC,SAAAT,EAAQ,IAAKU,UACXC,EAAAA,aAAA,CAAa,MAAOD,EAAE,MACpB,SAAA,CAAA,IACAA,EAAE,MAAO,GAAA,CAAA,EAFuBA,EAAE,KAGrC,CACD,CAAA,CAAA,EAEHR,EAAAA,IAACU,EAAAA,eAAA,CAAgB,UAAAC,EAAAR,EAAW,QAAX,YAAAQ,EAAkB,OAAA,CAAQ,CAAA,CAAA,CAC7C,EAAA,CAAA,CAIR"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../src/components/ToggleButton/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n FormControl,\n FormHelperText,\n ToggleButton,\n ToggleButtonGroup,\n} from \"@mui/material\";\nimport {\n Control,\n Controller,\n FieldPath,\n FieldValues,\n PathValue,\n} from \"react-hook-form\";\n\ntype Option<T extends FieldValues> = {\n label: ReactNode;\n value: PathValue<T, FieldPath<T>>;\n};\n\ntype Props<T extends FieldValues> = {\n control: Control<T>;\n name: FieldPath<T>;\n defaultValue: PathValue<T, FieldPath<T>>;\n options: Option<T>[];\n onChange?: (event: React.MouseEvent<HTMLElement>, value: unknown) => void;\n};\n\nexport const ToggleButtonController = <T extends FieldValues>(\n props: Props<T>,\n) => {\n const { control, name, defaultValue, options, onChange } = 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 <ToggleButtonGroup\n exclusive\n {...field}\n onChange={(e, newValue) => {\n if (newValue) {\n field.onChange(newValue);\n onChange?.(e, newValue);\n }\n }}\n >\n {options.map((m: Option<T>) => (\n <ToggleButton value={m.value} key={m.value}>\n {\" \"}\n {m.label}{\" \"}\n </ToggleButton>\n ))}\n </ToggleButtonGroup>\n <FormHelperText>{fieldState.error?.message}</FormHelperText>\n </FormControl>\n )}\n />\n );\n};\n\nexport default ToggleButtonController;\n"],"names":["ToggleButtonController","props","control","name","defaultValue","options","onChange","jsx","Controller","field","fieldState","jsxs","FormControl","ToggleButtonGroup","e","newValue","m","ToggleButton","FormHelperText","_a"],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../src/components/ToggleButton/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport {\n FormControl,\n FormHelperText,\n ToggleButton,\n ToggleButtonGroup,\n} from \"@mui/material\";\nimport {\n Control,\n Controller,\n FieldPath,\n FieldValues,\n PathValue,\n} from \"react-hook-form\";\n\ntype Option<T extends FieldValues> = {\n label: ReactNode;\n value: PathValue<T, FieldPath<T>>;\n};\n\ntype Props<T extends FieldValues> = {\n control: Control<T>;\n name: FieldPath<T>;\n defaultValue: PathValue<T, FieldPath<T>>;\n options: Option<T>[];\n onChange?: (event: React.MouseEvent<HTMLElement>, value: unknown) => void;\n};\n\nexport const ToggleButtonController = <T extends FieldValues>(\n props: Props<T>,\n) => {\n const { control, name, defaultValue, options, onChange } = 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 <ToggleButtonGroup\n exclusive\n {...field}\n onChange={(e, newValue) => {\n if (newValue) {\n field.onChange(newValue);\n onChange?.(e, newValue);\n }\n }}\n >\n {options.map((m: Option<T>) => (\n <ToggleButton value={m.value} key={m.value}>\n {\" \"}\n {m.label}{\" \"}\n </ToggleButton>\n ))}\n </ToggleButtonGroup>\n <FormHelperText>{fieldState.error?.message}</FormHelperText>\n </FormControl>\n )}\n />\n );\n};\n\nexport default ToggleButtonController;\n"],"names":["ToggleButtonController","props","control","name","defaultValue","options","onChange","jsx","Controller","field","fieldState","jsxs","FormControl","ToggleButtonGroup","e","newValue","m","ToggleButton","FormHelperText","_a"],"mappings":";;;AA4BO,MAAMA,IAAyB,CACpCC,MACG;AACH,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,cAAAC,GAAc,SAAAC,GAAS,UAAAC,MAAaL;AAE3D,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAN;AAAA,MACA,MAAAC;AAAA,MACA,cAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAK,GAAO,YAAAC;;AAChB,+BAAAC,EAACC,GAAA,EAAY,OAAOF,EAAW,SAC7B,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,WAAS;AAAA,cACR,GAAGJ;AAAA,cACJ,UAAU,CAACK,GAAGC,MAAa;AACzB,gBAAIA,MACFN,EAAM,SAASM,CAAQ,GACvBT,KAAA,QAAAA,EAAWQ,GAAGC;AAAA,cAElB;AAAA,cAEC,UAAAV,EAAQ,IAAI,CAACW,wBACXC,GAAA,EAAa,OAAOD,EAAE,OACpB,UAAA;AAAA,gBAAA;AAAA,gBACAA,EAAE;AAAA,gBAAO;AAAA,cAAA,EAAA,GAFuBA,EAAE,KAGrC,CACD;AAAA,YAAA;AAAA,UAAA;AAAA,UAEH,gBAAAT,EAACW,GAAA,EAAgB,WAAAC,IAAAT,EAAW,UAAX,gBAAAS,EAAkB,QAAA,CAAQ;AAAA,QAAA,EAAA,CAC7C;AAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const i=require("react/jsx-runtime"),o=require("../../react.esm-
|
|
1
|
+
"use strict";const i=require("react/jsx-runtime"),o=require("../../react.esm-DGuy6Rn3.cjs"),a=require("react-hook-form"),u=require("./index.cjs.js");describe("ToggleButtonController component",()=>{it("renders select box with options and correct default value",()=>{const{result:r}=o.renderHook(()=>a.useForm()),{control:s}=r.current,c="TestToggle",t=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}],n=["option2"];o.render(i.jsx(u.ToggleButtonController,{control:s,name:c,options:t,defaultValue:n})),n.forEach(l=>{const e=t.find(p=>p.value===l);e&&expect(o.screen.getByText(e.label)).toBeInTheDocument()})}),it("renders select box with options and correct default value for single select",()=>{const{result:r}=o.renderHook(()=>a.useForm()),{control:s}=r.current,c="TestToggle",t=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}],n="option2";o.render(i.jsx(u.ToggleButtonController,{control:s,name:c,options:t,defaultValue:n}));const l=t.find(e=>e.value===n);if(l){const e=o.screen.getByText(l.label);expect(e).toBeInTheDocument()}})});
|
|
2
2
|
//# sourceMappingURL=index.test.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/ToggleButton/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { ToggleButtonController } from \".\";\n\ndescribe(\"ToggleButtonController component\", () => {\n it(\"renders select box with options and correct default value\", () => {\n const { result } = renderHook(() => useForm());\n const { control } = result.current;\n\n const testName = \"TestToggle\";\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 <ToggleButtonController\n control={control}\n name={testName}\n options={options}\n defaultValue={defaultValue}\n />,\n );\n\n // Check if the select box renders with correct default value\n defaultValue.forEach((value) => {\n const option = options.find((opt) => opt.value === value);\n if (option) {\n expect(screen.getByText(option.label)).toBeInTheDocument();\n }\n });\n });\n\n it(\"renders select box with options and correct default value for single select\", () => {\n const { result } = renderHook(() => useForm());\n const { control } = result.current;\n\n const testName = \"TestToggle\";\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 for single select\n\n render(\n <ToggleButtonController\n control={control}\n name={testName}\n options={options}\n defaultValue={defaultValue}\n />,\n );\n\n // Check if the select box 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"],"names":["result","renderHook","useForm","control","testName","options","defaultValue","render","jsx","ToggleButtonController","value","option","opt","screen","displayedValue"],"mappings":"qJAKA,SAAS,mCAAoC,IAAM,CACjD,GAAG,4DAA6D,IAAM,CACpE,KAAM,CAAE,OAAAA,
|
|
1
|
+
{"version":3,"file":"index.test.cjs.js","sources":["../../../src/components/ToggleButton/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { ToggleButtonController } from \".\";\n\ndescribe(\"ToggleButtonController component\", () => {\n it(\"renders select box with options and correct default value\", () => {\n const { result } = renderHook(() => useForm());\n const { control } = result.current;\n\n const testName = \"TestToggle\";\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 <ToggleButtonController\n control={control}\n name={testName}\n options={options}\n defaultValue={defaultValue}\n />,\n );\n\n // Check if the select box renders with correct default value\n defaultValue.forEach((value) => {\n const option = options.find((opt) => opt.value === value);\n if (option) {\n expect(screen.getByText(option.label)).toBeInTheDocument();\n }\n });\n });\n\n it(\"renders select box with options and correct default value for single select\", () => {\n const { result } = renderHook(() => useForm());\n const { control } = result.current;\n\n const testName = \"TestToggle\";\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 for single select\n\n render(\n <ToggleButtonController\n control={control}\n name={testName}\n options={options}\n defaultValue={defaultValue}\n />,\n );\n\n // Check if the select box 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"],"names":["result","renderHook","useForm","control","testName","options","defaultValue","render","jsx","ToggleButtonController","value","option","opt","screen","displayedValue"],"mappings":"qJAKA,SAAS,mCAAoC,IAAM,CACjD,GAAG,4DAA6D,IAAM,CACpE,KAAM,CAAE,OAAAA,CAAA,EAAWC,aAAW,IAAMC,EAAAA,SAAS,EACvC,CAAE,QAAAC,GAAYH,EAAO,QAErBI,EAAW,aACXC,EAAU,CACd,CAAE,MAAO,WAAY,MAAO,SAAA,EAC5B,CAAE,MAAO,WAAY,MAAO,SAAA,EAC5B,CAAE,MAAO,WAAY,MAAO,SAAA,CAAU,EAElCC,EAAe,CAAC,SAAS,EAE/BC,EAAAA,OACEC,EAAAA,IAACC,EAAAA,uBAAA,CACC,QAAAN,EACA,KAAMC,EACN,QAAAC,EACA,aAAAC,CAAA,CAAA,CACF,EAIFA,EAAa,QAASI,GAAU,CAC9B,MAAMC,EAASN,EAAQ,KAAMO,GAAQA,EAAI,QAAUF,CAAK,EACpDC,GACF,OAAOE,EAAAA,OAAO,UAAUF,EAAO,KAAK,CAAC,EAAE,kBAAA,CAE3C,CAAC,CACH,CAAC,EAED,GAAG,8EAA+E,IAAM,CACtF,KAAM,CAAE,OAAAX,CAAA,EAAWC,aAAW,IAAMC,EAAAA,SAAS,EACvC,CAAE,QAAAC,GAAYH,EAAO,QAErBI,EAAW,aACXC,EAAU,CACd,CAAE,MAAO,WAAY,MAAO,SAAA,EAC5B,CAAE,MAAO,WAAY,MAAO,SAAA,EAC5B,CAAE,MAAO,WAAY,MAAO,SAAA,CAAU,EAElCC,EAAe,UAErBC,EAAAA,OACEC,EAAAA,IAACC,EAAAA,uBAAA,CACC,QAAAN,EACA,KAAMC,EACN,QAAAC,EACA,aAAAC,CAAA,CAAA,CACF,EAIF,MAAMK,EAASN,EAAQ,KAAMO,GAAQA,EAAI,QAAUN,CAAY,EAC/D,GAAIK,EAAQ,CAEV,MAAMG,EAAiBD,EAAAA,OAAO,UAAUF,EAAO,KAAK,EACpD,OAAOG,CAAc,EAAE,kBAAA,CACzB,CACF,CAAC,CACH,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { a as i, r as c, s as p } from "../../react.esm-
|
|
2
|
+
import { a as i, r as c, s as p } from "../../react.esm-BBESb8eI.js";
|
|
3
3
|
import { useForm as u } from "react-hook-form";
|
|
4
4
|
import { ToggleButtonController as m } from "./index.es.js";
|
|
5
5
|
describe("ToggleButtonController component", () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/ToggleButton/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { ToggleButtonController } from \".\";\n\ndescribe(\"ToggleButtonController component\", () => {\n it(\"renders select box with options and correct default value\", () => {\n const { result } = renderHook(() => useForm());\n const { control } = result.current;\n\n const testName = \"TestToggle\";\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 <ToggleButtonController\n control={control}\n name={testName}\n options={options}\n defaultValue={defaultValue}\n />,\n );\n\n // Check if the select box renders with correct default value\n defaultValue.forEach((value) => {\n const option = options.find((opt) => opt.value === value);\n if (option) {\n expect(screen.getByText(option.label)).toBeInTheDocument();\n }\n });\n });\n\n it(\"renders select box with options and correct default value for single select\", () => {\n const { result } = renderHook(() => useForm());\n const { control } = result.current;\n\n const testName = \"TestToggle\";\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 for single select\n\n render(\n <ToggleButtonController\n control={control}\n name={testName}\n options={options}\n defaultValue={defaultValue}\n />,\n );\n\n // Check if the select box 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"],"names":["result","renderHook","useForm","control","testName","options","defaultValue","render","jsx","ToggleButtonController","value","option","opt","screen","displayedValue"],"mappings":";;;;AAKA,SAAS,oCAAoC,MAAM;AACjD,KAAG,6DAA6D,MAAM;AACpE,UAAM,EAAE,QAAAA,
|
|
1
|
+
{"version":3,"file":"index.test.es.js","sources":["../../../src/components/ToggleButton/index.test.tsx"],"sourcesContent":["import { render, renderHook, screen } from \"@testing-library/react\";\nimport { useForm } from \"react-hook-form\";\n\nimport { ToggleButtonController } from \".\";\n\ndescribe(\"ToggleButtonController component\", () => {\n it(\"renders select box with options and correct default value\", () => {\n const { result } = renderHook(() => useForm());\n const { control } = result.current;\n\n const testName = \"TestToggle\";\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 <ToggleButtonController\n control={control}\n name={testName}\n options={options}\n defaultValue={defaultValue}\n />,\n );\n\n // Check if the select box renders with correct default value\n defaultValue.forEach((value) => {\n const option = options.find((opt) => opt.value === value);\n if (option) {\n expect(screen.getByText(option.label)).toBeInTheDocument();\n }\n });\n });\n\n it(\"renders select box with options and correct default value for single select\", () => {\n const { result } = renderHook(() => useForm());\n const { control } = result.current;\n\n const testName = \"TestToggle\";\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 for single select\n\n render(\n <ToggleButtonController\n control={control}\n name={testName}\n options={options}\n defaultValue={defaultValue}\n />,\n );\n\n // Check if the select box 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"],"names":["result","renderHook","useForm","control","testName","options","defaultValue","render","jsx","ToggleButtonController","value","option","opt","screen","displayedValue"],"mappings":";;;;AAKA,SAAS,oCAAoC,MAAM;AACjD,KAAG,6DAA6D,MAAM;AACpE,UAAM,EAAE,QAAAA,EAAA,IAAWC,EAAW,MAAMC,GAAS,GACvC,EAAE,SAAAC,MAAYH,EAAO,SAErBI,IAAW,cACXC,IAAU;AAAA,MACd,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,MAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,MAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,IAAU,GAElCC,IAAe,CAAC,SAAS;AAE/B,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAN;AAAA,UACA,MAAMC;AAAA,UACN,SAAAC;AAAA,UACA,cAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GAIFA,EAAa,QAAQ,CAACI,MAAU;AAC9B,YAAMC,IAASN,EAAQ,KAAK,CAACO,MAAQA,EAAI,UAAUF,CAAK;AACxD,MAAIC,KACF,OAAOE,EAAO,UAAUF,EAAO,KAAK,CAAC,EAAE,kBAAA;AAAA,IAE3C,CAAC;AAAA,EACH,CAAC,GAED,GAAG,+EAA+E,MAAM;AACtF,UAAM,EAAE,QAAAX,EAAA,IAAWC,EAAW,MAAMC,GAAS,GACvC,EAAE,SAAAC,MAAYH,EAAO,SAErBI,IAAW,cACXC,IAAU;AAAA,MACd,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,MAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,MAC5B,EAAE,OAAO,YAAY,OAAO,UAAA;AAAA,IAAU,GAElCC,IAAe;AAErB,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAN;AAAA,UACA,MAAMC;AAAA,UACN,SAAAC;AAAA,UACA,cAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAIF,UAAMK,IAASN,EAAQ,KAAK,CAACO,MAAQA,EAAI,UAAUN,CAAY;AAC/D,QAAIK,GAAQ;AAEV,YAAMG,IAAiBD,EAAO,UAAUF,EAAO,KAAK;AACpD,aAAOG,CAAc,EAAE,kBAAA;AAAA,IACzB;AAAA,EACF,CAAC;AACH,CAAC;"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react/jsx-runtime"),y=require("react"),W=require("@mui/icons-material"),b=require("@mui/material"),fe=require("react-hook-form"),U=require("../Button/index.cjs.js"),X=require("../CopyableBox/index.cjs.js"),pe=require("../ScrollableDialog/index.cjs.js"),ge=require("../TwoFaInputController/index.cjs.js");var me=Object.defineProperty,j=Object.getOwnPropertySymbols,q=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable,K=(u,l,i)=>l in u?me(u,l,{enumerable:!0,configurable:!0,writable:!0,value:i}):u[l]=i,Q=(u,l)=>{for(var i in l||(l={}))q.call(l,i)&&K(u,i,l[i]);if(j)for(var i of j(l))Z.call(l,i)&&K(u,i,l[i]);return u},H=(u,l)=>{var i={};for(var c in u)q.call(u,c)&&l.indexOf(c)<0&&(i[c]=u[c]);if(u!=null&&j)for(var c of j(u))l.indexOf(c)<0&&Z.call(u,c)&&(i[c]=u[c]);return i};/**
|
|
2
|
+
* @license QR Code generator library (TypeScript)
|
|
3
|
+
* Copyright (c) Project Nayuki.
|
|
4
|
+
* SPDX-License-Identifier: MIT
|
|
5
|
+
*/var O;(u=>{const l=class m{constructor(e,o,t,n){if(this.version=e,this.errorCorrectionLevel=o,this.modules=[],this.isFunction=[],e<m.MIN_VERSION||e>m.MAX_VERSION)throw new RangeError("Version value out of range");if(n<-1||n>7)throw new RangeError("Mask value out of range");this.size=e*4+17;let r=[];for(let s=0;s<this.size;s++)r.push(!1);for(let s=0;s<this.size;s++)this.modules.push(r.slice()),this.isFunction.push(r.slice());this.drawFunctionPatterns();const a=this.addEccAndInterleave(t);if(this.drawCodewords(a),n==-1){let s=1e9;for(let p=0;p<8;p++){this.applyMask(p),this.drawFormatBits(p);const h=this.getPenaltyScore();h<s&&(n=p,s=h),this.applyMask(p)}}g(0<=n&&n<=7),this.mask=n,this.applyMask(n),this.drawFormatBits(n),this.isFunction=[]}static encodeText(e,o){const t=u.QrSegment.makeSegments(e);return m.encodeSegments(t,o)}static encodeBinary(e,o){const t=u.QrSegment.makeBytes(e);return m.encodeSegments([t],o)}static encodeSegments(e,o,t=1,n=40,r=-1,a=!0){if(!(m.MIN_VERSION<=t&&t<=n&&n<=m.MAX_VERSION)||r<-1||r>7)throw new RangeError("Invalid value");let s,p;for(s=t;;s++){const f=m.getNumDataCodewords(s,o)*8,M=w.getTotalBits(e,s);if(M<=f){p=M;break}if(s>=n)throw new RangeError("Data too long")}for(const f of[m.Ecc.MEDIUM,m.Ecc.QUARTILE,m.Ecc.HIGH])a&&p<=m.getNumDataCodewords(s,f)*8&&(o=f);let h=[];for(const f of e){i(f.mode.modeBits,4,h),i(f.numChars,f.mode.numCharCountBits(s),h);for(const M of f.getData())h.push(M)}g(h.length==p);const x=m.getNumDataCodewords(s,o)*8;g(h.length<=x),i(0,Math.min(4,x-h.length),h),i(0,(8-h.length%8)%8,h),g(h.length%8==0);for(let f=236;h.length<x;f^=253)i(f,8,h);let v=[];for(;v.length*8<h.length;)v.push(0);return h.forEach((f,M)=>v[M>>>3]|=f<<7-(M&7)),new m(s,o,v,r)}getModule(e,o){return 0<=e&&e<this.size&&0<=o&&o<this.size&&this.modules[o][e]}getModules(){return this.modules}drawFunctionPatterns(){for(let t=0;t<this.size;t++)this.setFunctionModule(6,t,t%2==0),this.setFunctionModule(t,6,t%2==0);this.drawFinderPattern(3,3),this.drawFinderPattern(this.size-4,3),this.drawFinderPattern(3,this.size-4);const e=this.getAlignmentPatternPositions(),o=e.length;for(let t=0;t<o;t++)for(let n=0;n<o;n++)t==0&&n==0||t==0&&n==o-1||t==o-1&&n==0||this.drawAlignmentPattern(e[t],e[n]);this.drawFormatBits(0),this.drawVersion()}drawFormatBits(e){const o=this.errorCorrectionLevel.formatBits<<3|e;let t=o;for(let r=0;r<10;r++)t=t<<1^(t>>>9)*1335;const n=(o<<10|t)^21522;g(n>>>15==0);for(let r=0;r<=5;r++)this.setFunctionModule(8,r,c(n,r));this.setFunctionModule(8,7,c(n,6)),this.setFunctionModule(8,8,c(n,7)),this.setFunctionModule(7,8,c(n,8));for(let r=9;r<15;r++)this.setFunctionModule(14-r,8,c(n,r));for(let r=0;r<8;r++)this.setFunctionModule(this.size-1-r,8,c(n,r));for(let r=8;r<15;r++)this.setFunctionModule(8,this.size-15+r,c(n,r));this.setFunctionModule(8,this.size-8,!0)}drawVersion(){if(this.version<7)return;let e=this.version;for(let t=0;t<12;t++)e=e<<1^(e>>>11)*7973;const o=this.version<<12|e;g(o>>>18==0);for(let t=0;t<18;t++){const n=c(o,t),r=this.size-11+t%3,a=Math.floor(t/3);this.setFunctionModule(r,a,n),this.setFunctionModule(a,r,n)}}drawFinderPattern(e,o){for(let t=-4;t<=4;t++)for(let n=-4;n<=4;n++){const r=Math.max(Math.abs(n),Math.abs(t)),a=e+n,s=o+t;0<=a&&a<this.size&&0<=s&&s<this.size&&this.setFunctionModule(a,s,r!=2&&r!=4)}}drawAlignmentPattern(e,o){for(let t=-2;t<=2;t++)for(let n=-2;n<=2;n++)this.setFunctionModule(e+n,o+t,Math.max(Math.abs(n),Math.abs(t))!=1)}setFunctionModule(e,o,t){this.modules[o][e]=t,this.isFunction[o][e]=!0}addEccAndInterleave(e){const o=this.version,t=this.errorCorrectionLevel;if(e.length!=m.getNumDataCodewords(o,t))throw new RangeError("Invalid argument");const n=m.NUM_ERROR_CORRECTION_BLOCKS[t.ordinal][o],r=m.ECC_CODEWORDS_PER_BLOCK[t.ordinal][o],a=Math.floor(m.getNumRawDataModules(o)/8),s=n-a%n,p=Math.floor(a/n);let h=[];const x=m.reedSolomonComputeDivisor(r);for(let f=0,M=0;f<n;f++){let P=e.slice(M,M+p-r+(f<s?0:1));M+=P.length;const _=m.reedSolomonComputeRemainder(P,x);f<s&&P.push(0),h.push(P.concat(_))}let v=[];for(let f=0;f<h[0].length;f++)h.forEach((M,P)=>{(f!=p-r||P>=s)&&v.push(M[f])});return g(v.length==a),v}drawCodewords(e){if(e.length!=Math.floor(m.getNumRawDataModules(this.version)/8))throw new RangeError("Invalid argument");let o=0;for(let t=this.size-1;t>=1;t-=2){t==6&&(t=5);for(let n=0;n<this.size;n++)for(let r=0;r<2;r++){const a=t-r,p=(t+1&2)==0?this.size-1-n:n;!this.isFunction[p][a]&&o<e.length*8&&(this.modules[p][a]=c(e[o>>>3],7-(o&7)),o++)}}g(o==e.length*8)}applyMask(e){if(e<0||e>7)throw new RangeError("Mask value out of range");for(let o=0;o<this.size;o++)for(let t=0;t<this.size;t++){let n;switch(e){case 0:n=(t+o)%2==0;break;case 1:n=o%2==0;break;case 2:n=t%3==0;break;case 3:n=(t+o)%3==0;break;case 4:n=(Math.floor(t/3)+Math.floor(o/2))%2==0;break;case 5:n=t*o%2+t*o%3==0;break;case 6:n=(t*o%2+t*o%3)%2==0;break;case 7:n=((t+o)%2+t*o%3)%2==0;break;default:throw new Error("Unreachable")}!this.isFunction[o][t]&&n&&(this.modules[o][t]=!this.modules[o][t])}}getPenaltyScore(){let e=0;for(let r=0;r<this.size;r++){let a=!1,s=0,p=[0,0,0,0,0,0,0];for(let h=0;h<this.size;h++)this.modules[r][h]==a?(s++,s==5?e+=m.PENALTY_N1:s>5&&e++):(this.finderPenaltyAddHistory(s,p),a||(e+=this.finderPenaltyCountPatterns(p)*m.PENALTY_N3),a=this.modules[r][h],s=1);e+=this.finderPenaltyTerminateAndCount(a,s,p)*m.PENALTY_N3}for(let r=0;r<this.size;r++){let a=!1,s=0,p=[0,0,0,0,0,0,0];for(let h=0;h<this.size;h++)this.modules[h][r]==a?(s++,s==5?e+=m.PENALTY_N1:s>5&&e++):(this.finderPenaltyAddHistory(s,p),a||(e+=this.finderPenaltyCountPatterns(p)*m.PENALTY_N3),a=this.modules[h][r],s=1);e+=this.finderPenaltyTerminateAndCount(a,s,p)*m.PENALTY_N3}for(let r=0;r<this.size-1;r++)for(let a=0;a<this.size-1;a++){const s=this.modules[r][a];s==this.modules[r][a+1]&&s==this.modules[r+1][a]&&s==this.modules[r+1][a+1]&&(e+=m.PENALTY_N2)}let o=0;for(const r of this.modules)o=r.reduce((a,s)=>a+(s?1:0),o);const t=this.size*this.size,n=Math.ceil(Math.abs(o*20-t*10)/t)-1;return g(0<=n&&n<=9),e+=n*m.PENALTY_N4,g(0<=e&&e<=2568888),e}getAlignmentPatternPositions(){if(this.version==1)return[];{const e=Math.floor(this.version/7)+2,o=this.version==32?26:Math.ceil((this.version*4+4)/(e*2-2))*2;let t=[6];for(let n=this.size-7;t.length<e;n-=o)t.splice(1,0,n);return t}}static getNumRawDataModules(e){if(e<m.MIN_VERSION||e>m.MAX_VERSION)throw new RangeError("Version number out of range");let o=(16*e+128)*e+64;if(e>=2){const t=Math.floor(e/7)+2;o-=(25*t-10)*t-55,e>=7&&(o-=36)}return g(208<=o&&o<=29648),o}static getNumDataCodewords(e,o){return Math.floor(m.getNumRawDataModules(e)/8)-m.ECC_CODEWORDS_PER_BLOCK[o.ordinal][e]*m.NUM_ERROR_CORRECTION_BLOCKS[o.ordinal][e]}static reedSolomonComputeDivisor(e){if(e<1||e>255)throw new RangeError("Degree out of range");let o=[];for(let n=0;n<e-1;n++)o.push(0);o.push(1);let t=1;for(let n=0;n<e;n++){for(let r=0;r<o.length;r++)o[r]=m.reedSolomonMultiply(o[r],t),r+1<o.length&&(o[r]^=o[r+1]);t=m.reedSolomonMultiply(t,2)}return o}static reedSolomonComputeRemainder(e,o){let t=o.map(n=>0);for(const n of e){const r=n^t.shift();t.push(0),o.forEach((a,s)=>t[s]^=m.reedSolomonMultiply(a,r))}return t}static reedSolomonMultiply(e,o){if(e>>>8||o>>>8)throw new RangeError("Byte out of range");let t=0;for(let n=7;n>=0;n--)t=t<<1^(t>>>7)*285,t^=(o>>>n&1)*e;return g(t>>>8==0),t}finderPenaltyCountPatterns(e){const o=e[1];g(o<=this.size*3);const t=o>0&&e[2]==o&&e[3]==o*3&&e[4]==o&&e[5]==o;return(t&&e[0]>=o*4&&e[6]>=o?1:0)+(t&&e[6]>=o*4&&e[0]>=o?1:0)}finderPenaltyTerminateAndCount(e,o,t){return e&&(this.finderPenaltyAddHistory(o,t),o=0),o+=this.size,this.finderPenaltyAddHistory(o,t),this.finderPenaltyCountPatterns(t)}finderPenaltyAddHistory(e,o){o[0]==0&&(e+=this.size),o.pop(),o.unshift(e)}};l.MIN_VERSION=1,l.MAX_VERSION=40,l.PENALTY_N1=3,l.PENALTY_N2=3,l.PENALTY_N3=40,l.PENALTY_N4=10,l.ECC_CODEWORDS_PER_BLOCK=[[-1,7,10,15,20,26,18,20,24,30,18,20,24,26,30,22,24,28,30,28,28,28,28,30,30,26,28,30,30,30,30,30,30,30,30,30,30,30,30,30,30],[-1,10,16,26,18,24,16,18,22,22,26,30,22,22,24,24,28,28,26,26,26,26,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28],[-1,13,22,18,26,18,24,18,22,20,24,28,26,24,20,30,24,28,28,26,30,28,30,30,30,30,28,30,30,30,30,30,30,30,30,30,30,30,30,30,30],[-1,17,28,22,16,22,28,26,26,24,28,24,28,22,24,24,30,28,28,26,28,30,24,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30]],l.NUM_ERROR_CORRECTION_BLOCKS=[[-1,1,1,1,1,1,2,2,2,2,4,4,4,4,4,6,6,6,6,7,8,8,9,9,10,12,12,12,13,14,15,16,17,18,19,19,20,21,22,24,25],[-1,1,1,1,2,2,4,4,4,5,5,5,8,9,9,10,10,11,13,14,16,17,17,18,20,21,23,25,26,28,29,31,33,35,37,38,40,43,45,47,49],[-1,1,1,2,2,4,4,6,6,8,8,8,10,12,16,12,17,16,18,21,20,23,23,25,27,29,34,34,35,38,40,43,45,48,51,53,56,59,62,65,68],[-1,1,1,2,4,4,4,5,6,8,8,11,11,16,16,18,16,19,21,25,25,25,34,30,32,35,37,40,42,45,48,51,54,57,60,63,66,70,74,77,81]],u.QrCode=l;function i(C,e,o){if(e<0||e>31||C>>>e)throw new RangeError("Value out of range");for(let t=e-1;t>=0;t--)o.push(C>>>t&1)}function c(C,e){return(C>>>e&1)!=0}function g(C){if(!C)throw new Error("Assertion error")}const d=class R{constructor(e,o,t){if(this.mode=e,this.numChars=o,this.bitData=t,o<0)throw new RangeError("Invalid argument");this.bitData=t.slice()}static makeBytes(e){let o=[];for(const t of e)i(t,8,o);return new R(R.Mode.BYTE,e.length,o)}static makeNumeric(e){if(!R.isNumeric(e))throw new RangeError("String contains non-numeric characters");let o=[];for(let t=0;t<e.length;){const n=Math.min(e.length-t,3);i(parseInt(e.substring(t,t+n),10),n*3+1,o),t+=n}return new R(R.Mode.NUMERIC,e.length,o)}static makeAlphanumeric(e){if(!R.isAlphanumeric(e))throw new RangeError("String contains unencodable characters in alphanumeric mode");let o=[],t;for(t=0;t+2<=e.length;t+=2){let n=R.ALPHANUMERIC_CHARSET.indexOf(e.charAt(t))*45;n+=R.ALPHANUMERIC_CHARSET.indexOf(e.charAt(t+1)),i(n,11,o)}return t<e.length&&i(R.ALPHANUMERIC_CHARSET.indexOf(e.charAt(t)),6,o),new R(R.Mode.ALPHANUMERIC,e.length,o)}static makeSegments(e){return e==""?[]:R.isNumeric(e)?[R.makeNumeric(e)]:R.isAlphanumeric(e)?[R.makeAlphanumeric(e)]:[R.makeBytes(R.toUtf8ByteArray(e))]}static makeEci(e){let o=[];if(e<0)throw new RangeError("ECI assignment value out of range");if(e<128)i(e,8,o);else if(e<16384)i(2,2,o),i(e,14,o);else if(e<1e6)i(6,3,o),i(e,21,o);else throw new RangeError("ECI assignment value out of range");return new R(R.Mode.ECI,0,o)}static isNumeric(e){return R.NUMERIC_REGEX.test(e)}static isAlphanumeric(e){return R.ALPHANUMERIC_REGEX.test(e)}getData(){return this.bitData.slice()}static getTotalBits(e,o){let t=0;for(const n of e){const r=n.mode.numCharCountBits(o);if(n.numChars>=1<<r)return 1/0;t+=4+r+n.bitData.length}return t}static toUtf8ByteArray(e){e=encodeURI(e);let o=[];for(let t=0;t<e.length;t++)e.charAt(t)!="%"?o.push(e.charCodeAt(t)):(o.push(parseInt(e.substring(t+1,t+3),16)),t+=2);return o}};d.NUMERIC_REGEX=/^[0-9]*$/,d.ALPHANUMERIC_REGEX=/^[A-Z0-9 $%*+.\/:-]*$/,d.ALPHANUMERIC_CHARSET="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:";let w=d;u.QrSegment=d})(O||(O={}));(u=>{(l=>{const i=class{constructor(g,d){this.ordinal=g,this.formatBits=d}};i.LOW=new i(0,1),i.MEDIUM=new i(1,0),i.QUARTILE=new i(2,3),i.HIGH=new i(3,2),l.Ecc=i})(u.QrCode||(u.QrCode={}))})(O||(O={}));(u=>{(l=>{const i=class{constructor(g,d){this.modeBits=g,this.numBitsCharCount=d}numCharCountBits(g){return this.numBitsCharCount[Math.floor((g+7)/17)]}};i.NUMERIC=new i(1,[10,12,14]),i.ALPHANUMERIC=new i(2,[9,11,13]),i.BYTE=new i(4,[8,16,16]),i.KANJI=new i(8,[8,10,12]),i.ECI=new i(7,[0,0,0]),l.Mode=i})(u.QrSegment||(u.QrSegment={}))})(O||(O={}));var L=O;/**
|
|
6
|
+
* @license qrcode.react
|
|
7
|
+
* Copyright (c) Paul O'Shannessy
|
|
8
|
+
* SPDX-License-Identifier: ISC
|
|
9
|
+
*/var Ee={L:L.QrCode.Ecc.LOW,M:L.QrCode.Ecc.MEDIUM,Q:L.QrCode.Ecc.QUARTILE,H:L.QrCode.Ecc.HIGH},J=128,ee="L",te="#FFFFFF",oe="#000000",ne=!1,re=1,Ce=4,ye=0,we=.1;function ie(u,l=0){const i=[];return u.forEach(function(c,g){let d=null;c.forEach(function(w,C){if(!w&&d!==null){i.push(`M${d+l} ${g+l}h${C-d}v1H${d+l}z`),d=null;return}if(C===c.length-1){if(!w)return;d===null?i.push(`M${C+l},${g+l} h1v1H${C+l}z`):i.push(`M${d+l},${g+l} h${C+1-d}v1H${d+l}z`);return}w&&d===null&&(d=C)})}),i.join("")}function se(u,l){return u.slice().map((i,c)=>c<l.y||c>=l.y+l.h?i:i.map((g,d)=>d<l.x||d>=l.x+l.w?g:!1))}function Me(u,l,i,c){if(c==null)return null;const g=u.length+i*2,d=Math.floor(l*we),w=g/l,C=(c.width||d)*w,e=(c.height||d)*w,o=c.x==null?u.length/2-C/2:c.x*w,t=c.y==null?u.length/2-e/2:c.y*w,n=c.opacity==null?1:c.opacity;let r=null;if(c.excavate){let s=Math.floor(o),p=Math.floor(t),h=Math.ceil(C+o-s),x=Math.ceil(e+t-p);r={x:s,y:p,w:h,h:x}}const a=c.crossOrigin;return{x:o,y:t,h:e,w:C,excavation:r,opacity:n,crossOrigin:a}}function be(u,l){return l!=null?Math.max(Math.floor(l),0):u?Ce:ye}function le({value:u,level:l,minVersion:i,includeMargin:c,marginSize:g,imageSettings:d,size:w,boostLevel:C}){let e=y.useMemo(()=>{const s=(Array.isArray(u)?u:[u]).reduce((p,h)=>(p.push(...L.QrSegment.makeSegments(h)),p),[]);return L.QrCode.encodeSegments(s,Ee[l],i,void 0,void 0,C)},[u,l,i,C]);const{cells:o,margin:t,numCells:n,calculatedImageSettings:r}=y.useMemo(()=>{let a=e.getModules();const s=be(c,g),p=a.length+s*2,h=Me(a,w,s,d);return{cells:a,margin:s,numCells:p,calculatedImageSettings:h}},[e,w,d,c,g]);return{qrcode:e,margin:t,cells:o,numCells:n,calculatedImageSettings:r}}var Re=function(){try{new Path2D().addPath(new Path2D)}catch{return!1}return!0}(),ve=y.forwardRef(function(l,i){const c=l,{value:g,size:d=J,level:w=ee,bgColor:C=te,fgColor:e=oe,includeMargin:o=ne,minVersion:t=re,boostLevel:n,marginSize:r,imageSettings:a}=c,p=H(c,["value","size","level","bgColor","fgColor","includeMargin","minVersion","boostLevel","marginSize","imageSettings"]),{style:h}=p,x=H(p,["style"]),v=a==null?void 0:a.src,f=y.useRef(null),M=y.useRef(null),P=y.useCallback(A=>{f.current=A,typeof i=="function"?i(A):i&&(i.current=A)},[i]),[_,k]=y.useState(!1),{margin:N,cells:B,numCells:D,calculatedImageSettings:S}=le({value:g,level:w,minVersion:t,boostLevel:n,includeMargin:o,marginSize:r,imageSettings:a,size:d});y.useEffect(()=>{if(f.current!=null){const A=f.current,I=A.getContext("2d");if(!I)return;let $=B;const F=M.current,G=S!=null&&F!==null&&F.complete&&F.naturalHeight!==0&&F.naturalWidth!==0;G&&S.excavation!=null&&($=se(B,S.excavation));const V=window.devicePixelRatio||1;A.height=A.width=d*V;const Y=d/D*V;I.scale(Y,Y),I.fillStyle=C,I.fillRect(0,0,D,D),I.fillStyle=e,Re?I.fill(new Path2D(ie($,N))):B.forEach(function(ce,ue){ce.forEach(function(he,de){he&&I.fillRect(de+N,ue+N,1,1)})}),S&&(I.globalAlpha=S.opacity),G&&I.drawImage(F,S.x+N,S.y+N,S.w,S.h)}}),y.useEffect(()=>{k(!1)},[v]);const z=Q({height:d,width:d},h);let T=null;return v!=null&&(T=y.createElement("img",{src:v,key:v,style:{display:"none"},onLoad:()=>{k(!0)},ref:M,crossOrigin:S==null?void 0:S.crossOrigin})),y.createElement(y.Fragment,null,y.createElement("canvas",Q({style:z,height:d,width:d,ref:P,role:"img"},x)),T)});ve.displayName="QRCodeCanvas";var ae=y.forwardRef(function(l,i){const c=l,{value:g,size:d=J,level:w=ee,bgColor:C=te,fgColor:e=oe,includeMargin:o=ne,minVersion:t=re,boostLevel:n,title:r,marginSize:a,imageSettings:s}=c,p=H(c,["value","size","level","bgColor","fgColor","includeMargin","minVersion","boostLevel","title","marginSize","imageSettings"]),{margin:h,cells:x,numCells:v,calculatedImageSettings:f}=le({value:g,level:w,minVersion:t,boostLevel:n,includeMargin:o,marginSize:a,imageSettings:s,size:d});let M=x,P=null;s!=null&&f!=null&&(f.excavation!=null&&(M=se(x,f.excavation)),P=y.createElement("image",{href:s.src,height:f.h,width:f.w,x:f.x+h,y:f.y+h,preserveAspectRatio:"none",opacity:f.opacity,crossOrigin:f.crossOrigin}));const _=ie(M,h);return y.createElement("svg",Q({height:d,width:d,viewBox:`0 0 ${v} ${v}`,ref:i,role:"img"},p),!!r&&y.createElement("title",null,r),y.createElement("path",{fill:C,d:`M0,0 h${v}v${v}H0z`,shapeRendering:"crispEdges"}),y.createElement("path",{fill:e,d:_,shapeRendering:"crispEdges"}),P)});ae.displayName="QRCodeSVG";const Ae={dialog_title:"2要素認証の設定",step1:"手順1",auth_app:"認証アプリ",step1_description:"を携帯電話で開き、QRコードをスキャンします (QRコードの下にあるシークレットキーを認証アプリに手動で入力してもかまいません)。",help_dialog_title:"認証アプリについて",help_dialog_description:`
|
|
10
|
+
お使いの携帯電話を用いて追加の認証を行います。
|
|
11
|
+
2段階の認証を行うことで、セキュリティを高めることができます。
|
|
12
|
+
|
|
13
|
+
認証アプリは、6桁の認証コードを生成するアプリです。
|
|
14
|
+
ご利用したことがない場合は、携帯電話にインストールする必要があります。
|
|
15
|
+
|
|
16
|
+
使えるアプリ: Google Authenticatorや Microsoft Authenticator、Authy 等
|
|
17
|
+
アプリのインストール方法は、各アプリの公式サイトをご確認ください。`,step2:"手順2",step2_description:"認証アプリに表示されている6桁のコードを入力してください。(30秒ごとに更新されるため、最新のコードをご入力ください)。",skip_note:"※スキップした場合、後から設定より変更可能です。",close:"閉じる",skip:"スキップする",cancel:"戻る",submit:"送信",two_fa_complete:"2要素認証設定の完了",backup_code_info:"バックアップコードについて",backup_code_description:`携帯電話の紛失時や、機種変更時には以下のバックアップコードを使用することでログイン可能です。各コードは1度しか使用することはできませんが。万が一に備えて、これらのコードをすぐに使える安全な場所に保管しておいてください。
|
|
18
|
+
(1度しか表示されません)`},xe=u=>{var z;const{open:l,qrUrl:i,secretKey:c,onCloseDialog:g,onSubmit:d,showSkipButton:w=!1,dictionary:C}=u,e={...Ae,...C},{control:o,handleSubmit:t,reset:n,setError:r,watch:a,formState:{errors:s}}=fe.useForm({defaultValues:{code:Array(6).fill("")},mode:"onSubmit"}),[p,h]=y.useState(!1),[x,v]=y.useState(""),[f,M]=y.useState(!1),[P,_]=y.useState(!1),k=T=>{r("root.server",{type:"serverError",message:T})};y.useEffect(()=>{l&&(n({code:Array(6).fill("")}),h(!1),M(!1))},[l,n]);const N=y.useCallback(async()=>{const T=a("code").join("");M(!0);try{const A=await d(T);A!==void 0&&A!==""&&(v(A),h(!0))}catch(A){n({code:Array(6).fill("")}),k(A instanceof Error?A.message:"予期せぬエラーが発生しました")}finally{M(!1)}},[d,n,a]),B=y.useCallback((T,A)=>{(w||f)&&A==="backdropClick"||g("cancel")},[w,f,g]),D=()=>{_(!0)},S=()=>{_(!1)};return E.jsxs(b.Dialog,{open:l,onClose:B,scroll:"paper","aria-labelledby":"scroll-dialog-title","aria-describedby":"scroll-dialog-description",children:[E.jsx(b.DialogTitle,{id:"scroll-dialog-title",children:e.dialog_title}),E.jsxs("form",{onSubmit:t(N),children:[E.jsx(b.DialogContent,{dividers:!0,children:p?E.jsxs(b.Box,{sx:{maxWidth:"400px",margin:"0 auto",textAlign:"center"},children:[E.jsx(W.CheckCircleOutline,{color:"success",sx:{fontSize:100}}),E.jsx(b.Typography,{variant:"h6",children:e.two_fa_complete}),E.jsx(b.Divider,{sx:{margin:"16px 0"}}),E.jsx(b.Typography,{variant:"h6",children:e.backup_code_info}),E.jsx(b.Typography,{variant:"body2",align:"left",sx:{marginTop:"8px",whiteSpace:"pre-line"},children:e.backup_code_description}),E.jsx(X.CopyableBox,{text:x})]}):E.jsxs(b.Box,{sx:{maxWidth:"400px",margin:"0 auto"},children:[E.jsx(b.Typography,{variant:"body1",align:"left",sx:{fontWeight:"bold"},children:e.step1}),E.jsxs(b.Typography,{"data-testid":"step1-description",variant:"body2",align:"left",sx:{marginTop:"8px"},children:[E.jsx(b.Link,{component:"button",variant:"body2",type:"button",onClick:D,children:e.auth_app}),E.jsx(b.IconButton,{"aria-label":"help",size:"small",type:"button",onClick:D,sx:{padding:0},children:E.jsx(W.HelpOutline,{fontSize:"inherit",color:"action"})}),e.step1_description]}),E.jsxs(b.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",margin:"16px 0",padding:"16px",border:"1px solid rgba(0, 0, 0, 0.12)",borderRadius:"8px",wordBreak:"break-word"},children:[E.jsx(ae,{value:i}),E.jsxs(b.Typography,{variant:"body2",sx:{marginTop:"16px"},children:[c,E.jsx(X.CopyIcon,{text:c})]})]}),E.jsx(b.Typography,{variant:"body1",align:"left",sx:{fontWeight:"bold"},children:e.step2}),E.jsx(b.Typography,{variant:"body2",align:"left",sx:{marginTop:"8px"},children:e.step2_description}),E.jsxs(b.Box,{sx:{padding:"16px 0"},children:[E.jsxs(b.Box,{mb:2,children:[E.jsx(ge.TwoFaInputController,{control:o,name:"code",defaultValue:Array(6).fill(""),onSubmit:t(N),errors:s}),((z=s.root)==null?void 0:z.server)&&E.jsx(b.Typography,{variant:"body2",color:"error",align:"center",marginTop:"5px",children:s.root.server.message})]}),w&&E.jsx(b.Typography,{variant:"caption",align:"center",display:"block",color:"textSecondary",sx:{marginTop:"10px"},children:e.skip_note})]})]})}),E.jsxs(b.DialogActions,{children:[E.jsx(U.Button,{type:"button",color:"normal",disabled:f,onClick:()=>g(p?"cancel":w?"skip":"cancel"),children:p?e.close:w?e.skip:e.cancel}),!p&&E.jsx(U.Button,{type:"submit",variant:"contained",color:"primary",sx:{marginLeft:"8px"},disabled:f,children:e.submit})]})]}),E.jsx(pe.ScrollableDialog,{open:P,onCloseDialog:S,dialogTitle:e.help_dialog_title,dialogContent:E.jsx(b.Typography,{variant:"body1",id:"help-dialog-description",sx:{whiteSpace:"pre-line"},children:e.help_dialog_description}),dialogActions:E.jsx(U.Button,{onClick:S,color:"primary",children:e.close})})]})};exports.TwoFaDialog=xe;
|
|
19
|
+
//# sourceMappingURL=index.cjs.js.map
|