@axa-fr/design-system-slash-react 0.2.0-beta.304 → 0.2.0-beta.306
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/Action/Action.stories.js +1 -1
- package/dist/Alert/{Alert.agent.d.ts → Alert.d.ts} +1 -1
- package/dist/Alert/{Alert.agent.js → Alert.js} +1 -1
- package/dist/Alert/{Alert.agent.stories.d.ts → Alert.stories.d.ts} +1 -1
- package/dist/Alert/{Alert.agent.stories.js → Alert.stories.js} +2 -2
- package/dist/Badge/Badge.stories.js +1 -1
- package/dist/Button/Button.d.ts +7 -0
- package/dist/Button/{Button.agent.js → Button.js} +2 -2
- package/dist/Button/Button.stories.d.ts +18 -0
- package/dist/Button/{Button.agent.stories.js → Button.stories.js} +5 -5
- package/dist/Form/Checkbox/{Agent/Checkbox.d.ts → Checkbox.d.ts} +1 -1
- package/dist/Form/Checkbox/{Agent/Checkbox.stories.js → Checkbox.stories.js} +2 -2
- package/dist/Form/Checkbox/{Agent/CheckboxInput.d.ts → CheckboxInput.d.ts} +1 -1
- package/dist/Form/Checkbox/{Agent/CheckboxInput.js → CheckboxInput.js} +1 -1
- package/dist/Form/Checkbox/{Agent/CheckboxItem.d.ts → CheckboxItem.d.ts} +1 -1
- package/dist/Form/Checkbox/{Agent/CheckboxItem.js → CheckboxItem.js} +2 -2
- package/dist/Form/Choice/Choice.d.ts +2 -2
- package/dist/Form/Choice/Choice.js +2 -2
- package/dist/Form/Choice/Choice.stories.js +1 -1
- package/dist/Form/Choice/ChoiceInput.stories.js +1 -1
- package/dist/Form/Date/Date.d.ts +1 -1
- package/dist/Form/Date/Date.js +1 -1
- package/dist/Form/Date/Date.stories.js +1 -1
- package/dist/Form/Date/DateInput.stories.js +1 -1
- package/dist/Form/MultiSelect/MultiSelect.stories.js +1 -1
- package/dist/Form/MultiSelect/MultiSelectInput.d.ts +1 -1
- package/dist/Form/MultiSelect/MultiSelectInput.js +1 -1
- package/dist/Form/Number/Number.d.ts +1 -1
- package/dist/Form/Number/Number.js +1 -1
- package/dist/Form/Number/Number.stories.js +1 -1
- package/dist/Form/Number/NumberInput.d.ts +1 -1
- package/dist/Form/Number/NumberInput.js +1 -1
- package/dist/Form/Number/NumberInput.stories.js +1 -1
- package/dist/Form/Pass/Pass.d.ts +1 -1
- package/dist/Form/Pass/Pass.js +1 -1
- package/dist/Form/Pass/Pass.stories.js +1 -1
- package/dist/Form/Pass/PassInput.stories.js +1 -1
- package/dist/Form/Radio/{Agent/Radio.d.ts → Radio.d.ts} +1 -1
- package/dist/Form/Radio/{Agent/Radio.stories.js → Radio.stories.js} +1 -1
- package/dist/Form/Radio/{Agent/RadioInput.d.ts → RadioInput.d.ts} +7 -7
- package/dist/Form/Radio/{Agent/RadioInput.js → RadioInput.js} +1 -1
- package/dist/Form/Radio/{Agent/RadioInput.stories.js → RadioInput.stories.js} +1 -1
- package/dist/Form/Radio/{Agent/RadioItem.d.ts → RadioItem.d.ts} +1 -1
- package/dist/Form/Radio/{Agent/RadioItem.js → RadioItem.js} +2 -2
- package/dist/Form/Radio/{Agent/RadioItem.stories.js → RadioItem.stories.js} +1 -1
- package/dist/Form/Select/{Agent/Select.stories.js → Select.stories.js} +1 -1
- package/dist/Form/Select/{Agent/SelectBase.d.ts → SelectBase.d.ts} +1 -1
- package/dist/Form/Select/{Agent/SelectBase.js → SelectBase.js} +2 -2
- package/dist/Form/Select/{Agent/SelectInput.d.ts → SelectInput.d.ts} +1 -1
- package/dist/Form/Select/{Agent/SelectInput.js → SelectInput.js} +1 -1
- package/dist/Form/Select/{Agent/SelectInput.stories.js → SelectInput.stories.js} +2 -2
- package/dist/Form/Slider/{Slider.agent.stories.js → Slider.stories.js} +1 -1
- package/dist/Form/Slider/{SliderInput.agent.d.ts → SliderInput.d.ts} +1 -1
- package/dist/Form/Slider/{SliderInput.agent.js → SliderInput.js} +1 -1
- package/dist/Form/Slider/{SliderInput.agent.stories.js → SliderInput.stories.js} +1 -1
- package/dist/Form/Slider/index.d.ts +3 -3
- package/dist/Form/Slider/index.js +3 -3
- package/dist/Form/Text/{Agent/Text.d.ts → Text.d.ts} +1 -1
- package/dist/Form/Text/{Agent/Text.js → Text.js} +2 -2
- package/dist/Form/Text/{Agent/Text.stories.js → Text.stories.js} +1 -1
- package/dist/Form/Text/{Agent/TextInput.d.ts → TextInput.d.ts} +2 -2
- package/dist/Form/Text/{Agent/TextInput.js → TextInput.js} +2 -2
- package/dist/Form/Text/{Agent/TextInput.stories.js → TextInput.stories.js} +2 -2
- package/dist/Form/Textarea/Textarea.d.ts +1 -1
- package/dist/Form/Textarea/Textarea.js +1 -1
- package/dist/Form/Textarea/Textarea.stories.js +1 -1
- package/dist/Form/Textarea/TextareaInput.d.ts +1 -1
- package/dist/Form/Textarea/TextareaInput.js +1 -1
- package/dist/Form/Textarea/TextareaInput.stories.js +1 -1
- package/dist/Layout/Footer/{Agent/Footer.d.ts → Footer.d.ts} +1 -1
- package/dist/Layout/Footer/{Agent/Footer.js → Footer.js} +1 -1
- package/dist/Layout/Footer/{Agent/Footer.stories.js → Footer.stories.js} +1 -1
- package/dist/Layout/Header/Header.d.ts +9 -0
- package/dist/Layout/Header/{Agent/Header.agent.js → Header.js} +4 -4
- package/dist/Layout/Header/Header.stories.d.ts +6 -0
- package/dist/Layout/Header/{Agent/Header.agent.stories.js → Header.stories.js} +3 -3
- package/dist/Layout/Header/{Agent/Infos → Infos}/Infos.d.ts +1 -1
- package/dist/Layout/Header/{Agent/Infos → Infos}/Infos.js +2 -2
- package/dist/Layout/Header/{Agent/Infos → Infos}/Infos.stories.js +1 -1
- package/dist/Layout/Header/{Agent/MenuTitleWrapper → MenuTitleWrapper}/MenuTitleWrapper.stories.js +1 -1
- package/dist/Layout/Header/{Agent/Name → Name}/Name.d.ts +2 -2
- package/dist/Layout/Header/{Agent/Name → Name}/Name.js +3 -3
- package/dist/Layout/Header/{Agent/Name → Name}/Name.stories.js +1 -1
- package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBar.stories.js +1 -1
- package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBarBase.js +1 -1
- package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBarItem/NavBarItem.stories.js +1 -1
- package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBarItem/NavBarItemBase.js +1 -1
- package/dist/Layout/Header/{Agent/NavBar → NavBar}/index.d.ts +1 -1
- package/dist/Layout/Header/{Agent/NavBar → NavBar}/index.js +1 -1
- package/dist/Layout/Header/{Agent/TitleHeader → TitleHeader}/TitleHeader.d.ts +1 -1
- package/dist/Layout/Header/{Agent/TitleHeader → TitleHeader}/TitleHeader.js +3 -3
- package/dist/Layout/Header/{Agent/TitleHeader → TitleHeader}/TitleHeader.stories.d.ts +1 -1
- package/dist/Layout/Header/{Agent/TitleHeader → TitleHeader}/TitleHeader.stories.js +3 -3
- package/dist/Layout/Header/{Agent/ToggleButton → ToggleButton}/ToggleButton.stories.js +2 -2
- package/dist/Layout/Header/{Agent/User → User}/User.d.ts +1 -1
- package/dist/Layout/Header/{Agent/User → User}/User.js +2 -2
- package/dist/Layout/Header/{Agent/User → User}/User.stories.js +1 -1
- package/dist/Layout/Header/{Agent/index.d.ts → index.d.ts} +1 -1
- package/dist/Layout/Header/{Agent/index.js → index.js} +1 -1
- package/dist/ModalAgent/BooleanModal.js +1 -1
- package/dist/ModalAgent/Modal.js +1 -1
- package/dist/ModalAgent/Modal.stories.d.ts +1 -1
- package/dist/ModalAgent/Modal.stories.js +2 -2
- package/dist/ModalAgent/components/Body.js +1 -1
- package/dist/ModalAgent/components/Footer.js +1 -1
- package/dist/ModalAgent/components/Header.js +1 -1
- package/dist/ModalAgent/components/HeaderBase.js +1 -1
- package/dist/ModalAgent/index.d.ts +1 -1
- package/dist/ModalAgent/index.js +1 -1
- package/dist/Steps/StepBase.js +1 -1
- package/dist/Steps/Steps.js +1 -1
- package/dist/Steps/Steps.stories.js +1 -1
- package/dist/Steps/__tests__/Step.spec.js +1 -1
- package/dist/Svg/{Svg.agent.stories.d.ts → Svg.stories.d.ts} +1 -1
- package/dist/Svg/{Svg.agent.stories.js → Svg.stories.js} +2 -2
- package/dist/Table/Pagination/Pager.d.ts +1 -1
- package/dist/Table/Pagination/Pager.js +2 -2
- package/dist/Table/Pagination/Paging.d.ts +1 -1
- package/dist/Table/Pagination/Paging.js +2 -2
- package/dist/Table/TBody.js +1 -1
- package/dist/Table/Table.d.ts +1 -1
- package/dist/Table/Table.js +1 -1
- package/dist/Table/Table.stories.js +1 -1
- package/dist/Tabs/{Agent/Tabs.agent.stories.js → Tabs.stories.js} +3 -3
- package/dist/Tabs/{Agent/components → components}/Tab.d.ts +1 -1
- package/dist/Tabs/{Agent/components → components}/Tab.js +1 -1
- package/dist/Tabs/{Agent/components → components}/TabsStateless.js +1 -1
- package/dist/Tabs/{Agent/components → components}/Title.js +1 -1
- package/dist/Title/{Agent/Title.d.ts → Title.d.ts} +1 -1
- package/dist/Title/{Agent/Title.js → Title.js} +2 -2
- package/dist/Title/{Agent/Title.stories.js → Title.stories.js} +2 -2
- package/dist/{agent.js → index.d.ts} +10 -10
- package/dist/{agent.d.ts → index.js} +10 -10
- package/package.json +5 -9
- package/dist/Accordion/Client/Accordion.d.ts +0 -8
- package/dist/Accordion/Client/Accordion.js +0 -7
- package/dist/Accordion/Client/Accordion.stories.d.ts +0 -8
- package/dist/Accordion/Client/Accordion.stories.js +0 -24
- package/dist/Accordion/Client/AccordionItem.d.ts +0 -6
- package/dist/Accordion/Client/AccordionItem.js +0 -10
- package/dist/Alert/Alert.client.d.ts +0 -12
- package/dist/Alert/Alert.client.js +0 -26
- package/dist/Alert/Alert.client.stories.d.ts +0 -5
- package/dist/Alert/Alert.client.stories.js +0 -26
- package/dist/Button/Button.agent.d.ts +0 -7
- package/dist/Button/Button.agent.stories.d.ts +0 -18
- package/dist/Button/Button.client.d.ts +0 -17
- package/dist/Button/Button.client.js +0 -15
- package/dist/Button/Button.client.stories.d.ts +0 -22
- package/dist/Button/Button.client.stories.js +0 -99
- package/dist/Card/Card.client.d.ts +0 -6
- package/dist/Card/Card.client.js +0 -9
- package/dist/Card/Card.client.stories.d.ts +0 -6
- package/dist/Card/Card.client.stories.js +0 -40
- package/dist/Card/__tests__/Card.client.test.d.ts +0 -1
- package/dist/Card/__tests__/Card.client.test.js +0 -27
- package/dist/Card/index.d.ts +0 -2
- package/dist/Card/index.js +0 -2
- package/dist/Form/Checkbox/Client/Checkbox.d.ts +0 -7
- package/dist/Form/Checkbox/Client/Checkbox.js +0 -15
- package/dist/Form/Checkbox/Client/Checkbox.stories.d.ts +0 -6
- package/dist/Form/Checkbox/Client/Checkbox.stories.js +0 -38
- package/dist/Form/Checkbox/Client/CheckboxSelect.d.ts +0 -15
- package/dist/Form/Checkbox/Client/CheckboxSelect.js +0 -7
- package/dist/Form/Checkbox/Client/CheckboxSelect.stories.d.ts +0 -6
- package/dist/Form/Checkbox/Client/CheckboxSelect.stories.js +0 -55
- package/dist/Form/Checkbox/Client/index.d.ts +0 -2
- package/dist/Form/Checkbox/Client/index.js +0 -2
- package/dist/Form/FileUpload/Client/FIleUpload.stories.d.ts +0 -6
- package/dist/Form/FileUpload/Client/FIleUpload.stories.js +0 -54
- package/dist/Form/FileUpload/Client/FileUpload.d.ts +0 -32
- package/dist/Form/FileUpload/Client/FileUpload.js +0 -51
- package/dist/Form/FileUpload/Client/index.d.ts +0 -1
- package/dist/Form/FileUpload/Client/index.js +0 -1
- package/dist/Form/InputError/InputError.d.ts +0 -7
- package/dist/Form/InputError/InputError.js +0 -5
- package/dist/Form/InputError/InputError.stories.d.ts +0 -5
- package/dist/Form/InputError/InputError.stories.js +0 -12
- package/dist/Form/InputError/index.d.ts +0 -1
- package/dist/Form/InputError/index.js +0 -1
- package/dist/Form/Radio/Client/Radio.d.ts +0 -7
- package/dist/Form/Radio/Client/Radio.js +0 -14
- package/dist/Form/Radio/Client/Radio.stories.d.ts +0 -6
- package/dist/Form/Radio/Client/Radio.stories.js +0 -38
- package/dist/Form/Radio/Client/RadioSelect.d.ts +0 -18
- package/dist/Form/Radio/Client/RadioSelect.js +0 -16
- package/dist/Form/Radio/Client/RadioSelect.stories.d.ts +0 -7
- package/dist/Form/Radio/Client/RadioSelect.stories.js +0 -90
- package/dist/Form/Radio/Client/index.d.ts +0 -2
- package/dist/Form/Radio/Client/index.js +0 -2
- package/dist/Form/Select/Client/CustomOption.d.ts +0 -4
- package/dist/Form/Select/Client/CustomOption.js +0 -8
- package/dist/Form/Select/Client/DropdownIndicator.d.ts +0 -4
- package/dist/Form/Select/Client/DropdownIndicator.js +0 -11
- package/dist/Form/Select/Client/Select.d.ts +0 -27
- package/dist/Form/Select/Client/Select.js +0 -27
- package/dist/Form/Select/Client/Select.stories.d.ts +0 -10
- package/dist/Form/Select/Client/Select.stories.js +0 -31
- package/dist/Form/Select/Client/index.d.ts +0 -1
- package/dist/Form/Select/Client/index.js +0 -1
- package/dist/Form/Text/Client/Text.d.ts +0 -12
- package/dist/Form/Text/Client/Text.js +0 -12
- package/dist/Form/Text/Client/Text.stories.d.ts +0 -8
- package/dist/Form/Text/Client/Text.stories.js +0 -46
- package/dist/Form/Text/Client/index.d.ts +0 -1
- package/dist/Form/Text/Client/index.js +0 -1
- package/dist/IconBg/IconBg.client.d.ts +0 -9
- package/dist/IconBg/IconBg.client.js +0 -13
- package/dist/IconBg/IconBg.client.stories.d.ts +0 -5
- package/dist/IconBg/IconBg.client.stories.js +0 -23
- package/dist/IconBg/__tests__/IconBg.client.test.d.ts +0 -1
- package/dist/IconBg/__tests__/IconBg.client.test.js +0 -22
- package/dist/IconBg/index.d.ts +0 -2
- package/dist/IconBg/index.js +0 -2
- package/dist/Layout/Footer/Client/DynamicIcons.d.ts +0 -4
- package/dist/Layout/Footer/Client/DynamicIcons.js +0 -20
- package/dist/Layout/Footer/Client/Footer.d.ts +0 -14
- package/dist/Layout/Footer/Client/Footer.js +0 -16
- package/dist/Layout/Footer/Client/Footer.stories.d.ts +0 -14
- package/dist/Layout/Footer/Client/Footer.stories.js +0 -48
- package/dist/Layout/Footer/Client/MenuIcons.d.ts +0 -9
- package/dist/Layout/Footer/Client/MenuIcons.js +0 -8
- package/dist/Layout/Footer/Client/MenuLink.d.ts +0 -11
- package/dist/Layout/Footer/Client/MenuLink.js +0 -11
- package/dist/Layout/Header/Agent/Header.agent.d.ts +0 -9
- package/dist/Layout/Header/Agent/Header.agent.stories.d.ts +0 -6
- package/dist/Layout/Header/Client/Header.client.d.ts +0 -9
- package/dist/Layout/Header/Client/Header.client.js +0 -11
- package/dist/Layout/Header/Client/Header.client.stories.d.ts +0 -10
- package/dist/Layout/Header/Client/Header.client.stories.js +0 -52
- package/dist/Layout/Header/Client/NavBar/NavBar.d.ts +0 -8
- package/dist/Layout/Header/Client/NavBar/NavBar.js +0 -13
- package/dist/Layout/Header/Client/NavBar/NavBar.stories.d.ts +0 -8
- package/dist/Layout/Header/Client/NavBar/NavBar.stories.js +0 -17
- package/dist/Layout/Header/Client/NavBar/index.d.ts +0 -1
- package/dist/Layout/Header/Client/NavBar/index.js +0 -1
- package/dist/Layout/Header/Client/PreviousLink/PreviousLink.d.ts +0 -7
- package/dist/Layout/Header/Client/PreviousLink/PreviousLink.js +0 -14
- package/dist/Layout/Header/Client/PreviousLink/PreviousLink.stories.d.ts +0 -8
- package/dist/Layout/Header/Client/PreviousLink/PreviousLink.stories.js +0 -16
- package/dist/Layout/Header/Client/PreviousLink/index.d.ts +0 -1
- package/dist/Layout/Header/Client/PreviousLink/index.js +0 -1
- package/dist/Layout/Header/Client/index.d.ts +0 -1
- package/dist/Layout/Header/Client/index.js +0 -1
- package/dist/Link/Link.client.d.ts +0 -7
- package/dist/Link/Link.client.js +0 -11
- package/dist/Link/Link.client.stories.d.ts +0 -5
- package/dist/Link/Link.client.stories.js +0 -14
- package/dist/List/ClickList/ClickList.client.d.ts +0 -11
- package/dist/List/ClickList/ClickList.client.js +0 -6
- package/dist/List/ClickList/ClickList.client.stories.d.ts +0 -6
- package/dist/List/ClickList/ClickList.client.stories.js +0 -60
- package/dist/List/ClickList/__tests__/ClickList.client.test.d.ts +0 -1
- package/dist/List/ClickList/__tests__/ClickList.client.test.js +0 -18
- package/dist/List/ClickList/index.d.ts +0 -1
- package/dist/List/ClickList/index.js +0 -1
- package/dist/List/ContentItemDuo/ContentItemDuo.d.ts +0 -13
- package/dist/List/ContentItemDuo/ContentItemDuo.js +0 -18
- package/dist/List/ContentItemDuo/ContentItemDuo.stories.d.ts +0 -28
- package/dist/List/ContentItemDuo/ContentItemDuo.stories.js +0 -86
- package/dist/List/ContentItemDuo/__tests__/ContentItemDuo.test.d.ts +0 -1
- package/dist/List/ContentItemDuo/__tests__/ContentItemDuo.test.js +0 -40
- package/dist/List/ContentItemDuo/index.d.ts +0 -2
- package/dist/List/ContentItemDuo/index.js +0 -2
- package/dist/List/ContentItemMono/ContentItemMono.d.ts +0 -16
- package/dist/List/ContentItemMono/ContentItemMono.js +0 -16
- package/dist/List/ContentItemMono/ContentItemMono.stories.d.ts +0 -16
- package/dist/List/ContentItemMono/ContentItemMono.stories.js +0 -99
- package/dist/List/ContentItemMono/__tests__/ContentItemMono.test.d.ts +0 -1
- package/dist/List/ContentItemMono/__tests__/ContentItemMono.test.js +0 -45
- package/dist/List/ContentItemMono/constants.d.ts +0 -4
- package/dist/List/ContentItemMono/constants.js +0 -5
- package/dist/List/ContentItemMono/index.d.ts +0 -3
- package/dist/List/ContentItemMono/index.js +0 -3
- package/dist/List/ContentTabList/ContentTabItem/ContentTabItem.client.d.ts +0 -6
- package/dist/List/ContentTabList/ContentTabItem/ContentTabItem.client.js +0 -6
- package/dist/List/ContentTabList/ContentTabItem/__tests__/ContentTabItem.client.test.d.ts +0 -1
- package/dist/List/ContentTabList/ContentTabItem/__tests__/ContentTabItem.client.test.js +0 -100
- package/dist/List/ContentTabList/ContentTabItem/index.d.ts +0 -2
- package/dist/List/ContentTabList/ContentTabItem/index.js +0 -1
- package/dist/List/ContentTabList/ContentTabList.client.d.ts +0 -8
- package/dist/List/ContentTabList/ContentTabList.client.js +0 -10
- package/dist/List/ContentTabList/ContentTabList.client.stories.d.ts +0 -7
- package/dist/List/ContentTabList/ContentTabList.client.stories.js +0 -78
- package/dist/List/ContentTabList/__tests__/ContentTabList.client.test.d.ts +0 -1
- package/dist/List/ContentTabList/__tests__/ContentTabList.client.test.js +0 -57
- package/dist/List/ContentTabList/index.d.ts +0 -1
- package/dist/List/ContentTabList/index.js +0 -1
- package/dist/List/List.d.ts +0 -6
- package/dist/List/List.js +0 -9
- package/dist/List/List.stories.d.ts +0 -8
- package/dist/List/List.stories.js +0 -56
- package/dist/List/__tests__/List.test.d.ts +0 -1
- package/dist/List/__tests__/List.test.js +0 -30
- package/dist/List/index.d.ts +0 -1
- package/dist/List/index.js +0 -1
- package/dist/Loader/Client/Loader.d.ts +0 -11
- package/dist/Loader/Client/Loader.js +0 -10
- package/dist/Loader/Client/Loader.stories.d.ts +0 -6
- package/dist/Loader/Client/Loader.stories.js +0 -15
- package/dist/Loader/Client/index.d.ts +0 -1
- package/dist/Loader/Client/index.js +0 -1
- package/dist/ModalClient/Modal.client.d.ts +0 -23
- package/dist/ModalClient/Modal.client.js +0 -39
- package/dist/ModalClient/Modal.client.stories.d.ts +0 -20
- package/dist/ModalClient/Modal.client.stories.js +0 -37
- package/dist/Pagination/Pagination.client.d.ts +0 -9
- package/dist/Pagination/Pagination.client.js +0 -15
- package/dist/Pagination/Pagination.client.stories.d.ts +0 -11
- package/dist/Pagination/Pagination.client.stories.js +0 -19
- package/dist/Pagination/PaginationDesktop.client.d.ts +0 -9
- package/dist/Pagination/PaginationDesktop.client.js +0 -31
- package/dist/Pagination/PaginationMobile.client.d.ts +0 -9
- package/dist/Pagination/PaginationMobile.client.js +0 -10
- package/dist/Stepper/Stepper.client.d.ts +0 -12
- package/dist/Stepper/Stepper.client.js +0 -22
- package/dist/Stepper/Stepper.client.stories.d.ts +0 -16
- package/dist/Stepper/Stepper.client.stories.js +0 -23
- package/dist/Svg/Svg.client.stories.d.ts +0 -7
- package/dist/Svg/Svg.client.stories.js +0 -40
- package/dist/Tabs/Client/Tabs.client.d.ts +0 -16
- package/dist/Tabs/Client/Tabs.client.js +0 -48
- package/dist/Tabs/Client/Tabs.client.stories.d.ts +0 -17
- package/dist/Tabs/Client/Tabs.client.stories.js +0 -89
- package/dist/Tag/Tag.client.d.ts +0 -6
- package/dist/Tag/Tag.client.js +0 -7
- package/dist/Tag/Tag.client.stories.d.ts +0 -5
- package/dist/Tag/Tag.client.stories.js +0 -22
- package/dist/Tag/__test__/Tag.client.test.d.ts +0 -1
- package/dist/Tag/__test__/Tag.client.test.js +0 -18
- package/dist/Tag/index.d.ts +0 -2
- package/dist/Tag/index.js +0 -2
- package/dist/Title/Client/Title.d.ts +0 -13
- package/dist/Title/Client/Title.js +0 -11
- package/dist/Title/Client/Title.stories.d.ts +0 -6
- package/dist/Title/Client/Title.stories.js +0 -45
- package/dist/Title/Client/TitleWithSubtitles.d.ts +0 -8
- package/dist/Title/Client/TitleWithSubtitles.js +0 -2
- package/dist/Title/Client/__tests__/Title.test.d.ts +0 -1
- package/dist/Title/Client/__tests__/Title.test.js +0 -28
- package/dist/Title/Client/__tests__/TitleWithSubtitles.test.d.ts +0 -1
- package/dist/Title/Client/__tests__/TitleWithSubtitles.test.js +0 -14
- package/dist/Title/Client/constants.d.ts +0 -4
- package/dist/Title/Client/constants.js +0 -5
- package/dist/Title/Client/index.d.ts +0 -3
- package/dist/Title/Client/index.js +0 -3
- package/dist/client.d.ts +0 -29
- package/dist/client.js +0 -27
- /package/dist/Form/Checkbox/{Agent/Checkbox.js → Checkbox.js} +0 -0
- /package/dist/Form/Checkbox/{Agent/Checkbox.stories.d.ts → Checkbox.stories.d.ts} +0 -0
- /package/dist/Form/Checkbox/{Agent/CheckboxModes.d.ts → CheckboxModes.d.ts} +0 -0
- /package/dist/Form/Checkbox/{Agent/CheckboxModes.js → CheckboxModes.js} +0 -0
- /package/dist/Form/Checkbox/{Agent/index.d.ts → index.d.ts} +0 -0
- /package/dist/Form/Checkbox/{Agent/index.js → index.js} +0 -0
- /package/dist/Form/Radio/{Agent/Radio.js → Radio.js} +0 -0
- /package/dist/Form/Radio/{Agent/Radio.stories.d.ts → Radio.stories.d.ts} +0 -0
- /package/dist/Form/Radio/{Agent/RadioInput.stories.d.ts → RadioInput.stories.d.ts} +0 -0
- /package/dist/Form/Radio/{Agent/RadioItem.stories.d.ts → RadioItem.stories.d.ts} +0 -0
- /package/dist/Form/Radio/{Agent/index.d.ts → index.d.ts} +0 -0
- /package/dist/Form/Radio/{Agent/index.js → index.js} +0 -0
- /package/dist/Form/Select/{Agent/Select.d.ts → Select.d.ts} +0 -0
- /package/dist/Form/Select/{Agent/Select.js → Select.js} +0 -0
- /package/dist/Form/Select/{Agent/Select.stories.d.ts → Select.stories.d.ts} +0 -0
- /package/dist/Form/Select/{Agent/SelectDefault.d.ts → SelectDefault.d.ts} +0 -0
- /package/dist/Form/Select/{Agent/SelectDefault.js → SelectDefault.js} +0 -0
- /package/dist/Form/Select/{Agent/SelectInput.stories.d.ts → SelectInput.stories.d.ts} +0 -0
- /package/dist/Form/Select/{Agent/index.d.ts → index.d.ts} +0 -0
- /package/dist/Form/Select/{Agent/index.js → index.js} +0 -0
- /package/dist/Form/Slider/{Slider.agent.d.ts → Slider.d.ts} +0 -0
- /package/dist/Form/Slider/{Slider.agent.js → Slider.js} +0 -0
- /package/dist/Form/Slider/{Slider.agent.stories.d.ts → Slider.stories.d.ts} +0 -0
- /package/dist/Form/Slider/{SliderInput.agent.stories.d.ts → SliderInput.stories.d.ts} +0 -0
- /package/dist/Form/Text/{Agent/Text.stories.d.ts → Text.stories.d.ts} +0 -0
- /package/dist/Form/Text/{Agent/TextInput.stories.d.ts → TextInput.stories.d.ts} +0 -0
- /package/dist/Form/Text/{Agent/index.d.ts → index.d.ts} +0 -0
- /package/dist/Form/Text/{Agent/index.js → index.js} +0 -0
- /package/dist/Form/Text/{Agent/inputTypes.d.ts → inputTypes.d.ts} +0 -0
- /package/dist/Form/Text/{Agent/inputTypes.js → inputTypes.js} +0 -0
- /package/dist/Layout/Footer/{Agent/Footer.stories.d.ts → Footer.stories.d.ts} +0 -0
- /package/dist/Layout/Footer/{Agent/index.d.ts → index.d.ts} +0 -0
- /package/dist/Layout/Footer/{Agent/index.js → index.js} +0 -0
- /package/dist/Layout/Header/{Agent/Infos → Infos}/Infos.stories.d.ts +0 -0
- /package/dist/Layout/Header/{Agent/MenuTitleWrapper → MenuTitleWrapper}/MenuTitleWrapper.d.ts +0 -0
- /package/dist/Layout/Header/{Agent/MenuTitleWrapper → MenuTitleWrapper}/MenuTitleWrapper.js +0 -0
- /package/dist/Layout/Header/{Agent/MenuTitleWrapper → MenuTitleWrapper}/MenuTitleWrapper.stories.d.ts +0 -0
- /package/dist/Layout/Header/{Agent/Name → Name}/Name.stories.d.ts +0 -0
- /package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBar.d.ts +0 -0
- /package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBar.helpers.d.ts +0 -0
- /package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBar.helpers.js +0 -0
- /package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBar.js +0 -0
- /package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBar.stories.d.ts +0 -0
- /package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBarBase.d.ts +0 -0
- /package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBarItem/NavBarItem.d.ts +0 -0
- /package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBarItem/NavBarItem.js +0 -0
- /package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBarItem/NavBarItem.stories.d.ts +0 -0
- /package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBarItem/NavBarItemBase.d.ts +0 -0
- /package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBarItem/NavBarItemBase.helpers.d.ts +0 -0
- /package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBarItem/NavBarItemBase.helpers.js +0 -0
- /package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBarItem/NavBarItemLink.d.ts +0 -0
- /package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBarItem/NavBarItemLink.js +0 -0
- /package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBarItem/index.d.ts +0 -0
- /package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBarItem/index.js +0 -0
- /package/dist/Layout/Header/{Agent/TitleHeader → TitleHeader}/TitleHeader.helpers.d.ts +0 -0
- /package/dist/Layout/Header/{Agent/TitleHeader → TitleHeader}/TitleHeader.helpers.js +0 -0
- /package/dist/Layout/Header/{Agent/ToggleButton → ToggleButton}/ToggleButton.d.ts +0 -0
- /package/dist/Layout/Header/{Agent/ToggleButton → ToggleButton}/ToggleButton.js +0 -0
- /package/dist/Layout/Header/{Agent/ToggleButton → ToggleButton}/ToggleButton.stories.d.ts +0 -0
- /package/dist/Layout/Header/{Agent/User → User}/InnerUser.d.ts +0 -0
- /package/dist/Layout/Header/{Agent/User → User}/InnerUser.js +0 -0
- /package/dist/Layout/Header/{Agent/User → User}/User.stories.d.ts +0 -0
- /package/dist/Tabs/{Agent/Tabs.agent.d.ts → Tabs.d.ts} +0 -0
- /package/dist/Tabs/{Agent/Tabs.agent.js → Tabs.js} +0 -0
- /package/dist/Tabs/{Agent/Tabs.agent.stories.d.ts → Tabs.stories.d.ts} +0 -0
- /package/dist/Tabs/{Agent/components → components}/Pane.d.ts +0 -0
- /package/dist/Tabs/{Agent/components → components}/Pane.js +0 -0
- /package/dist/Tabs/{Agent/components → components}/TabsCore.d.ts +0 -0
- /package/dist/Tabs/{Agent/components → components}/TabsCore.js +0 -0
- /package/dist/Tabs/{Agent/components → components}/TabsStateless.d.ts +0 -0
- /package/dist/Tabs/{Agent/components → components}/Title.d.ts +0 -0
- /package/dist/Title/{Agent/Title.stories.d.ts → Title.stories.d.ts} +0 -0
- /package/dist/Title/{Agent/__tests__ → __tests__}/Title.test.d.ts +0 -0
- /package/dist/Title/{Agent/__tests__ → __tests__}/Title.test.js +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { MouseEventHandler, PropsWithChildren } from "react";
|
|
2
|
-
import "@axa-fr/design-system-slash-css/dist/Alert/Alert.
|
|
2
|
+
import "@axa-fr/design-system-slash-css/dist/Alert/Alert.scss";
|
|
3
3
|
export declare enum TypeIcons {
|
|
4
4
|
error = "glyphicon glyphicon-minus-sign",
|
|
5
5
|
danger = "glyphicon glyphicon-alert",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { getComponentClassName } from "../utilities";
|
|
3
|
-
import "@axa-fr/design-system-slash-css/dist/Alert/Alert.
|
|
3
|
+
import "@axa-fr/design-system-slash-css/dist/Alert/Alert.scss";
|
|
4
4
|
export var TypeIcons;
|
|
5
5
|
(function (TypeIcons) {
|
|
6
6
|
TypeIcons["error"] = "glyphicon glyphicon-minus-sign";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Alert } from "./Alert
|
|
2
|
+
import { Alert } from "./Alert";
|
|
3
3
|
const MODIFIERS = ["success", "info", "danger", "error"];
|
|
4
4
|
const meta = {
|
|
5
|
-
title: "
|
|
5
|
+
title: "Components/Alert",
|
|
6
6
|
component: Alert,
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import "@axa-fr/design-system-slash-css/dist/Button/Button.scss";
|
|
2
|
+
import { ComponentPropsWithoutRef, PropsWithChildren } from "react";
|
|
3
|
+
type ButtonProps = {
|
|
4
|
+
classModifier?: string;
|
|
5
|
+
} & ComponentPropsWithoutRef<"button">;
|
|
6
|
+
export declare const Button: ({ children, classModifier, className, ...args }: PropsWithChildren<ButtonProps>) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import "@axa-fr/design-system-slash-css/dist/Button/Button.
|
|
2
|
+
import "@axa-fr/design-system-slash-css/dist/Button/Button.scss";
|
|
3
3
|
import classNames from "classnames";
|
|
4
|
-
export const
|
|
4
|
+
export const Button = ({ children, classModifier, className, ...args }) => {
|
|
5
5
|
const classes = classModifier
|
|
6
6
|
?.split(" ")
|
|
7
7
|
.map((modifier) => `af-btn--${modifier}`)
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Button } from "./Button";
|
|
3
|
+
declare const meta: Meta<typeof Button>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type StoryProps = Omit<React.ComponentProps<typeof Button>, "classModifier" | "children"> & {
|
|
6
|
+
children: string;
|
|
7
|
+
classModifier: string[];
|
|
8
|
+
};
|
|
9
|
+
type Story = StoryObj<StoryProps>;
|
|
10
|
+
export declare const Playground: Story;
|
|
11
|
+
export declare const MultiExamples: StoryObj<typeof Button>;
|
|
12
|
+
export declare const Reverse: StoryObj<typeof Button>;
|
|
13
|
+
export declare const Success: StoryObj<typeof Button>;
|
|
14
|
+
export declare const Danger: StoryObj<typeof Button>;
|
|
15
|
+
export declare const WithIconRight: StoryObj<typeof Button>;
|
|
16
|
+
export declare const WithIconLeft: StoryObj<typeof Button>;
|
|
17
|
+
export declare const Small: StoryObj<typeof Button>;
|
|
18
|
+
export declare const Circle: StoryObj<typeof Button>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { Button } from "./Button";
|
|
3
3
|
const MODIFIERS = [
|
|
4
4
|
"success",
|
|
5
5
|
"info",
|
|
@@ -11,8 +11,8 @@ const MODIFIERS = [
|
|
|
11
11
|
"hasiconRight",
|
|
12
12
|
];
|
|
13
13
|
const meta = {
|
|
14
|
-
component:
|
|
15
|
-
title: "
|
|
14
|
+
component: Button,
|
|
15
|
+
title: "Components/Button",
|
|
16
16
|
parameters: {
|
|
17
17
|
layout: "centered",
|
|
18
18
|
},
|
|
@@ -21,7 +21,7 @@ const meta = {
|
|
|
21
21
|
export default meta;
|
|
22
22
|
export const Playground = {
|
|
23
23
|
name: "Button",
|
|
24
|
-
render: ({ children: text, classModifier, onClick, ...args }) => (_jsx(
|
|
24
|
+
render: ({ children: text, classModifier, onClick, ...args }) => (_jsx(Button, { classModifier: classModifier.join(" "), onClick: onClick, ...args, children: text })),
|
|
25
25
|
args: {
|
|
26
26
|
children: "Button",
|
|
27
27
|
classModifier: [],
|
|
@@ -42,7 +42,7 @@ export const MultiExamples = {
|
|
|
42
42
|
padding: "2rem",
|
|
43
43
|
flexWrap: "wrap",
|
|
44
44
|
gap: "2rem",
|
|
45
|
-
}, children: [_jsx(
|
|
45
|
+
}, children: [_jsx(Button, { classModifier: "reverse", children: "Button Reverse" }), _jsx(Button, { classModifier: "success", children: "Button Success" }), _jsx(Button, { classModifier: "danger", children: "Button Danger" }), _jsx(Button, { classModifier: "small", children: "Button Small" }), _jsx(Button, { classModifier: "disabled", children: "Button disabled" })] }));
|
|
46
46
|
},
|
|
47
47
|
};
|
|
48
48
|
export const Reverse = {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { MessageTypes } from "
|
|
2
|
+
import { MessageTypes } from "../core";
|
|
3
3
|
import { Checkbox } from "./Checkbox";
|
|
4
4
|
import { CheckboxInput } from "./CheckboxInput";
|
|
5
5
|
import { CheckboxItem } from "./CheckboxItem";
|
|
6
6
|
import { CheckboxModes } from "./CheckboxModes";
|
|
7
7
|
const meta = {
|
|
8
|
-
title: "
|
|
8
|
+
title: "Components/Form/Input/Checkbox",
|
|
9
9
|
component: CheckboxInput,
|
|
10
10
|
argTypes: {
|
|
11
11
|
onChange: { action: "onChange" },
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentProps } from "react";
|
|
2
|
-
import { Field } from "
|
|
2
|
+
import { Field } from "../core";
|
|
3
3
|
import { Checkbox } from "./Checkbox";
|
|
4
4
|
type Props = Omit<ComponentProps<typeof Checkbox> & ComponentProps<typeof Field>, "children" | "placeholder">;
|
|
5
5
|
declare const CheckboxInput: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
|
-
import { Field, useOptionsWithId } from "
|
|
3
|
+
import { Field, useOptionsWithId } from "../core";
|
|
4
4
|
import { Checkbox } from "./Checkbox";
|
|
5
5
|
import { CheckboxModes } from "./CheckboxModes";
|
|
6
6
|
const CheckboxInput = forwardRef(({ mode, messageType, message, classModifier, options, classNameContainerLabel, classNameContainerInput, label, isVisible, className, forceDisplayMessage, ...checkboxProps }, inputRef) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
|
-
import "@axa-fr/design-system-slash-css/dist/Form/Checkbox/
|
|
2
|
+
import "@axa-fr/design-system-slash-css/dist/Form/Checkbox/Checkbox.scss";
|
|
3
3
|
declare const CheckboxItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "type"> & {
|
|
4
4
|
classModifier?: string;
|
|
5
5
|
optionClassName?: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef, useId } from "react";
|
|
3
|
-
import { getOptionClassName } from "
|
|
4
|
-
import "@axa-fr/design-system-slash-css/dist/Form/Checkbox/
|
|
3
|
+
import { getOptionClassName } from "../core";
|
|
4
|
+
import "@axa-fr/design-system-slash-css/dist/Form/Checkbox/Checkbox.scss";
|
|
5
5
|
const CheckboxItem = forwardRef(({ disabled = false, value = "", id, children, label, isChecked, className, classModifier, ...otherProps }, inputRef) => {
|
|
6
6
|
const newLabel = children || label;
|
|
7
7
|
const generatedId = useId();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import "@axa-fr/design-system-slash-css/dist/Form/Choice/Choice.
|
|
1
|
+
import "@axa-fr/design-system-slash-css/dist/Form/Choice/Choice.scss";
|
|
2
2
|
import { type ComponentProps } from "react";
|
|
3
|
-
import { Radio } from "../Radio
|
|
3
|
+
import { Radio } from "../Radio";
|
|
4
4
|
import type { Option } from "../core";
|
|
5
5
|
type Props = Omit<ComponentProps<typeof Radio>, "options"> & {
|
|
6
6
|
id: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import "@axa-fr/design-system-slash-css/dist/Form/Choice/Choice.
|
|
2
|
+
import "@axa-fr/design-system-slash-css/dist/Form/Choice/Choice.scss";
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
|
-
import { Radio } from "../Radio
|
|
4
|
+
import { Radio } from "../Radio";
|
|
5
5
|
const defaultOptions = [
|
|
6
6
|
{ label: "Oui", value: true, id: "radioItemTrue" },
|
|
7
7
|
{ label: "Non", value: false, id: "radioItemFalse" },
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { Choice } from "./Choice";
|
|
3
3
|
const meta = {
|
|
4
4
|
component: Choice,
|
|
5
|
-
title: "
|
|
5
|
+
title: "Components/Form/Input/Choice",
|
|
6
6
|
argTypes: { onChange: { action: "onChange" } },
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
@@ -3,7 +3,7 @@ import { MessageTypes } from "../core";
|
|
|
3
3
|
import { ChoiceInput } from "./ChoiceInput";
|
|
4
4
|
const meta = {
|
|
5
5
|
component: ChoiceInput,
|
|
6
|
-
title: "
|
|
6
|
+
title: "Components/Form/Input/Choice",
|
|
7
7
|
argTypes: { onChange: { action: "onChange" } },
|
|
8
8
|
};
|
|
9
9
|
export default meta;
|
package/dist/Form/Date/Date.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "@axa-fr/design-system-slash-css/dist/Form/Date/Date.
|
|
1
|
+
import "@axa-fr/design-system-slash-css/dist/Form/Date/Date.scss";
|
|
2
2
|
import { ComponentPropsWithRef } from "react";
|
|
3
3
|
type Props = Omit<ComponentPropsWithRef<"input">, "value"> & {
|
|
4
4
|
classModifier?: string;
|
package/dist/Form/Date/Date.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import "@axa-fr/design-system-slash-css/dist/Form/Date/Date.
|
|
2
|
+
import "@axa-fr/design-system-slash-css/dist/Form/Date/Date.scss";
|
|
3
3
|
import { forwardRef, useMemo } from "react";
|
|
4
4
|
import { getComponentClassName } from "../../utilities";
|
|
5
5
|
const formatDateValue = (dateValue) => {
|
|
@@ -4,7 +4,7 @@ import { MessageTypes } from "../core";
|
|
|
4
4
|
import { MultiSelect } from "./MultiSelect";
|
|
5
5
|
import { MultiSelectInput } from "./MultiSelectInput";
|
|
6
6
|
const meta = {
|
|
7
|
-
title: "
|
|
7
|
+
title: "Components/Form/Input/MultiSelect",
|
|
8
8
|
component: MultiSelect,
|
|
9
9
|
argTypes: {
|
|
10
10
|
onChange: { action: "onChange" },
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "@axa-fr/design-system-slash-css/dist/Form/MultiSelect/MultiSelect.
|
|
1
|
+
import "@axa-fr/design-system-slash-css/dist/Form/MultiSelect/MultiSelect.scss";
|
|
2
2
|
import { type ComponentProps, type ReactNode } from "react";
|
|
3
3
|
import { Field } from "../core";
|
|
4
4
|
import { MultiSelect } from "./MultiSelect";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import "@axa-fr/design-system-slash-css/dist/Form/MultiSelect/MultiSelect.
|
|
2
|
+
import "@axa-fr/design-system-slash-css/dist/Form/MultiSelect/MultiSelect.scss";
|
|
3
3
|
import { useId } from "react";
|
|
4
4
|
import { Field, FieldInput, HelpMessage } from "../core";
|
|
5
5
|
import { MultiSelect } from "./MultiSelect";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "@axa-fr/design-system-slash-css/dist/Form/Text/
|
|
1
|
+
import "@axa-fr/design-system-slash-css/dist/Form/Text/Text.scss";
|
|
2
2
|
import { ComponentPropsWithRef } from "react";
|
|
3
3
|
type Props = Omit<ComponentPropsWithRef<"input">, "required" | "type"> & {
|
|
4
4
|
classModifier?: string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import "@axa-fr/design-system-slash-css/dist/Form/Text/
|
|
2
|
+
import "@axa-fr/design-system-slash-css/dist/Form/Text/Text.scss";
|
|
3
3
|
import { forwardRef, useId } from "react";
|
|
4
4
|
import { getComponentClassName } from "../../utilities";
|
|
5
5
|
const Number = forwardRef(({ id, className, classModifier, ...otherProps }, inputRef) => {
|
|
@@ -3,7 +3,7 @@ import { Number } from "./Number";
|
|
|
3
3
|
const MODIFIERS = ["", "required", "disabled"];
|
|
4
4
|
const meta = {
|
|
5
5
|
component: Number,
|
|
6
|
-
title: "
|
|
6
|
+
title: "Components/Form/Input/Number",
|
|
7
7
|
argTypes: { onChange: { action: "onChange" } },
|
|
8
8
|
};
|
|
9
9
|
export default meta;
|
|
@@ -2,7 +2,7 @@ import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode } from "reac
|
|
|
2
2
|
import { Field } from "../core";
|
|
3
3
|
import "@axa-fr/design-system-slash-css/dist/common/reboot.scss";
|
|
4
4
|
import "@axa-fr/design-system-slash-css/dist/common/grid.scss";
|
|
5
|
-
import "@axa-fr/design-system-slash-css/dist/Form/core/FormCore.
|
|
5
|
+
import "@axa-fr/design-system-slash-css/dist/Form/core/FormCore.scss";
|
|
6
6
|
import { Number } from "./Number";
|
|
7
7
|
type Props = ComponentPropsWithoutRef<typeof Field> & ComponentPropsWithRef<typeof Number> & {
|
|
8
8
|
helpMessage?: ReactNode;
|
|
@@ -3,7 +3,7 @@ import { useId, } from "react";
|
|
|
3
3
|
import { Field, HelpMessage, FieldInput, useInputClassModifier } from "../core";
|
|
4
4
|
import "@axa-fr/design-system-slash-css/dist/common/reboot.scss";
|
|
5
5
|
import "@axa-fr/design-system-slash-css/dist/common/grid.scss";
|
|
6
|
-
import "@axa-fr/design-system-slash-css/dist/Form/core/FormCore.
|
|
6
|
+
import "@axa-fr/design-system-slash-css/dist/Form/core/FormCore.scss";
|
|
7
7
|
import { Number } from "./Number";
|
|
8
8
|
export const NumberInput = ({ message, children, helpMessage, id, label, classNameContainerLabel, classNameContainerInput, forceDisplayMessage, messageType, isVisible, className, disabled = false, classModifier = "", ...otherProps }) => {
|
|
9
9
|
const inputUseId = useId();
|
|
@@ -4,7 +4,7 @@ import { MessageTypes } from "../core";
|
|
|
4
4
|
const MODIFIERS = ["", "required", "disabled"];
|
|
5
5
|
const meta = {
|
|
6
6
|
component: NumberInput,
|
|
7
|
-
title: "
|
|
7
|
+
title: "Components/Form/Input/Number",
|
|
8
8
|
argTypes: { onChange: { action: "onChange" } },
|
|
9
9
|
};
|
|
10
10
|
export default meta;
|
package/dist/Form/Pass/Pass.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentPropsWithRef } from "react";
|
|
2
|
-
import "@axa-fr/design-system-slash-css/dist/Form/Pass/Pass.
|
|
2
|
+
import "@axa-fr/design-system-slash-css/dist/Form/Pass/Pass.scss";
|
|
3
3
|
type Props = Omit<ComponentPropsWithRef<"input">, "type" | "role"> & {
|
|
4
4
|
type?: "text" | "password";
|
|
5
5
|
classModifier?: string;
|
package/dist/Form/Pass/Pass.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
3
|
import { getComponentClassName } from "../../utilities";
|
|
4
|
-
import "@axa-fr/design-system-slash-css/dist/Form/Pass/Pass.
|
|
4
|
+
import "@axa-fr/design-system-slash-css/dist/Form/Pass/Pass.scss";
|
|
5
5
|
const Pass = forwardRef(({ onToggleType, type = "password", className, classModifier, ...inputProps }, inputRef) => {
|
|
6
6
|
const componentClassName = getComponentClassName(className, classModifier, "af-form__pass");
|
|
7
7
|
return (_jsxs("div", { className: componentClassName, children: [_jsx("div", { className: "af-form__pass-strength" }), _jsx("input", { ...inputProps, role: type === "password" ? "password" : "textbox", className: "af-form__input-text", type: type, ref: inputRef, required: classModifier?.includes("required") }), _jsx("button", { className: "af-form__pass-btn", type: "button", "aria-label": "show password", onClick: onToggleType, children: _jsx("i", { className: `glyphicon glyphicon-eye${type === "text" ? "-close" : "-open"}` }) })] }));
|
|
@@ -3,7 +3,7 @@ import { useState } from "react";
|
|
|
3
3
|
import { MessageTypes } from "../core";
|
|
4
4
|
import { PassInput } from "./PassInput";
|
|
5
5
|
export default {
|
|
6
|
-
title: "
|
|
6
|
+
title: "Components/Form/Input/Pass",
|
|
7
7
|
component: PassInput,
|
|
8
8
|
};
|
|
9
9
|
export const PassInputStory = {
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { Radio, RadioModes } from "./Radio";
|
|
3
3
|
const meta = {
|
|
4
4
|
component: Radio,
|
|
5
|
-
title: "
|
|
5
|
+
title: "Components/Form/Input/Radio",
|
|
6
6
|
argTypes: { onChange: { action: "onChange" } },
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import { RadioModes } from "./Radio";
|
|
2
2
|
declare const RadioInput: import("react").ForwardRefExoticComponent<Omit<{
|
|
3
3
|
message: string | null;
|
|
4
|
-
messageType: import("
|
|
4
|
+
messageType: import("../core").MessageTypes;
|
|
5
5
|
} & {
|
|
6
6
|
className?: string;
|
|
7
7
|
classModifier?: string;
|
|
8
8
|
forceDisplayMessage?: boolean;
|
|
9
9
|
children: import("react").ReactNode;
|
|
10
|
-
setStateMemoryFn?: typeof import("
|
|
11
|
-
onChangeByStateFn?: typeof import("
|
|
12
|
-
setStateOnBlurFn?: typeof import("
|
|
13
|
-
setStateOnFocusFn?: typeof import("
|
|
10
|
+
setStateMemoryFn?: typeof import("../core/FieldForm").setStateMemory;
|
|
11
|
+
onChangeByStateFn?: typeof import("../core/FieldForm").onChangeByState;
|
|
12
|
+
setStateOnBlurFn?: typeof import("../core/FieldForm").setStateOnBlur;
|
|
13
|
+
setStateOnFocusFn?: typeof import("../core/FieldForm").setStateOnFocus;
|
|
14
14
|
initialState?: {
|
|
15
15
|
hasLostFocusOnce: boolean;
|
|
16
16
|
hasFocus: boolean;
|
|
17
17
|
hasChange: boolean;
|
|
18
18
|
memory: {
|
|
19
19
|
message: string | null;
|
|
20
|
-
messageType: import("
|
|
20
|
+
messageType: import("../core").MessageTypes;
|
|
21
21
|
};
|
|
22
22
|
};
|
|
23
23
|
}, "children"> & {
|
|
@@ -41,7 +41,7 @@ declare const RadioInput: import("react").ForwardRefExoticComponent<Omit<{
|
|
|
41
41
|
}, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
|
|
42
42
|
ref?: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLInputElement> | null | undefined;
|
|
43
43
|
}, "label" | "className" | "id"> & {
|
|
44
|
-
options: import("
|
|
44
|
+
options: import("../core").Option[];
|
|
45
45
|
mode?: keyof typeof RadioModes;
|
|
46
46
|
}, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
47
47
|
export { RadioInput };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from "react";
|
|
3
|
-
import { Field, getFirstId, useOptionsWithId } from "
|
|
3
|
+
import { Field, getFirstId, useOptionsWithId } from "../core";
|
|
4
4
|
import { Radio, RadioModes } from "./Radio";
|
|
5
5
|
const RadioInput = forwardRef(({ mode, messageType, message, className, classModifier, isVisible, options, classNameContainerLabel, classNameContainerInput, label, forceDisplayMessage, children, ...radioProps }, inputRef) => {
|
|
6
6
|
const rowModifier = `${classModifier ?? ""}${mode === RadioModes.classic ? " label-top" : ""}`;
|
|
@@ -3,7 +3,7 @@ import { RadioModes } from "./Radio";
|
|
|
3
3
|
import { RadioInput } from "./RadioInput";
|
|
4
4
|
const meta = {
|
|
5
5
|
component: RadioInput,
|
|
6
|
-
title: "
|
|
6
|
+
title: "Components/Form/Input/Radio",
|
|
7
7
|
argTypes: { onChange: { action: "onChange" } },
|
|
8
8
|
};
|
|
9
9
|
export default meta;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "@axa-fr/design-system-slash-css/dist/Form/Radio/
|
|
1
|
+
import "@axa-fr/design-system-slash-css/dist/Form/Radio/Radio.scss";
|
|
2
2
|
import { ComponentPropsWithRef, ReactNode } from "react";
|
|
3
3
|
type Props = Omit<ComponentPropsWithRef<"input">, "checked" | "type"> & {
|
|
4
4
|
classModifier?: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import "@axa-fr/design-system-slash-css/dist/Form/Radio/
|
|
2
|
+
import "@axa-fr/design-system-slash-css/dist/Form/Radio/Radio.scss";
|
|
3
3
|
import { forwardRef, useId } from "react";
|
|
4
|
-
import { getOptionClassName } from "
|
|
4
|
+
import { getOptionClassName } from "../core";
|
|
5
5
|
const RadioItem = forwardRef(({ value = "", id, isChecked, children, label, classModifier = "", className = "", disabled = false, ...otherProps }, inputRef) => {
|
|
6
6
|
const optionClassName = getOptionClassName(className, classModifier, "af-form__radio", disabled);
|
|
7
7
|
const newLabel = children || label;
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { RadioItem } from "./RadioItem";
|
|
3
3
|
const meta = {
|
|
4
4
|
component: RadioItem,
|
|
5
|
-
title: "
|
|
5
|
+
title: "Components/Form/Input/Radio",
|
|
6
6
|
argTypes: { onChange: { action: "onChange" } },
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "@axa-fr/design-system-slash-css/dist/Form/Select/
|
|
1
|
+
import "@axa-fr/design-system-slash-css/dist/Form/Select/Select.scss";
|
|
2
2
|
import { ComponentPropsWithoutRef, OptionHTMLAttributes } from "react";
|
|
3
3
|
type Props = Omit<ComponentPropsWithoutRef<"select"> & {
|
|
4
4
|
options: OptionHTMLAttributes<HTMLOptionElement>[];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import "@axa-fr/design-system-slash-css/dist/Form/Select/
|
|
2
|
+
import "@axa-fr/design-system-slash-css/dist/Form/Select/Select.scss";
|
|
3
3
|
import { forwardRef, } from "react";
|
|
4
|
-
import { getComponentClassName } from "
|
|
4
|
+
import { getComponentClassName } from "../../utilities";
|
|
5
5
|
const SelectBase = forwardRef(({ options, id, className, classModifier, ...otherProps }, inputRef) => {
|
|
6
6
|
const componentClassName = getComponentClassName(className, classModifier, "af-form__input-select");
|
|
7
7
|
return (_jsxs("div", { className: "af-form__select-container", children: [_jsx("select", { ...otherProps, id: id, className: componentClassName, ref: inputRef, required: classModifier?.includes("required"), children: options.map(({ label, ...opt }) => (_jsx("option", { ...opt, children: label }, opt.value?.toString()))) }), _jsx("span", { "aria-controls": id, className: "glyphicon glyphicon-menu-down" })] }));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentProps, PropsWithChildren, ReactNode } from "react";
|
|
2
|
-
import { Field } from "
|
|
2
|
+
import { Field } from "../core";
|
|
3
3
|
import { Select } from "./Select";
|
|
4
4
|
type Props = ComponentProps<typeof Field> & ComponentProps<typeof Select> & {
|
|
5
5
|
helpMessage?: ReactNode;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef, useId, } from "react";
|
|
3
|
-
import { Field, FieldInput, HelpMessage, useInputClassModifier
|
|
3
|
+
import { Field, FieldInput, HelpMessage, useInputClassModifier } from "../core";
|
|
4
4
|
import { Select } from "./Select";
|
|
5
5
|
const SelectInput = forwardRef(({ classModifier = "", message, children, helpMessage, id, disabled = false, label, classNameContainerLabel, classNameContainerInput, messageType, isVisible, forceDisplayMessage, className, ...otherSelectProps }, inputRef) => {
|
|
6
6
|
const generatedId = useId();
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { MessageTypes } from "
|
|
2
|
+
import { MessageTypes } from "../core";
|
|
3
3
|
import { SelectInput } from "./SelectInput";
|
|
4
4
|
const meta = {
|
|
5
5
|
component: SelectInput,
|
|
6
|
-
title: "
|
|
6
|
+
title: "Components/Form/Input/Select",
|
|
7
7
|
argTypes: { onChange: { action: "onChange" } },
|
|
8
8
|
};
|
|
9
9
|
export default meta;
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { Slider } from ".";
|
|
3
3
|
const MODIFIERS = ["required", "disabled"];
|
|
4
4
|
const meta = {
|
|
5
|
-
title: "
|
|
5
|
+
title: "Components/Form/Input/Slider",
|
|
6
6
|
component: Slider,
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type ComponentProps, type ReactNode } from "react";
|
|
2
2
|
import { Field } from "../core";
|
|
3
|
-
import { Slider } from "./Slider
|
|
3
|
+
import { Slider } from "./Slider";
|
|
4
4
|
type Props = ComponentProps<typeof Field> & ComponentProps<typeof Slider> & {
|
|
5
5
|
helpMessage?: ReactNode;
|
|
6
6
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useId, useMemo } from "react";
|
|
3
3
|
import { Field, HelpMessage } from "../core";
|
|
4
|
-
import { Slider } from "./Slider
|
|
4
|
+
import { Slider } from "./Slider";
|
|
5
5
|
const SliderInput = ({ id, children, helpMessage, message, classNameContainerLabel, classNameContainerInput, label, messageType, isVisible, forceDisplayMessage, className, classModifier, ...sliderProps }) => {
|
|
6
6
|
const generatedId = useId();
|
|
7
7
|
const newId = useMemo(() => id ?? generatedId, [generatedId, id]);
|
|
@@ -3,7 +3,7 @@ import { SliderInput } from ".";
|
|
|
3
3
|
import { MessageTypes } from "../core";
|
|
4
4
|
const MODIFIERS = ["required", "disabled"];
|
|
5
5
|
const meta = {
|
|
6
|
-
title: "
|
|
6
|
+
title: "Components/Form/Input/Slider/SliderInput",
|
|
7
7
|
component: SliderInput,
|
|
8
8
|
};
|
|
9
9
|
export default meta;
|