@simplybusiness/mobius 4.3.3 → 4.3.4
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/CHANGELOG.md +7 -0
- package/dist/types/hooks/useButton/useButton.d.ts +1 -1
- package/package.json +2 -2
- package/dist/cjs/components/Accordion/Accordion.d.ts +0 -34
- package/dist/cjs/components/Accordion/Accordion.stories.d.ts +0 -10
- package/dist/cjs/components/Accordion/Accordion.stories.js +0 -62
- package/dist/cjs/components/Accordion/Accordion.stories.js.map +0 -1
- package/dist/cjs/components/Accordion/Accordion.test.d.ts +0 -1
- package/dist/cjs/components/Accordion/Accordion.test.js +0 -191
- package/dist/cjs/components/Accordion/Accordion.test.js.map +0 -1
- package/dist/cjs/components/Accordion/index.d.ts +0 -1
- package/dist/cjs/components/Alert/Alert.d.ts +0 -16
- package/dist/cjs/components/Alert/Alert.stories.d.ts +0 -7
- package/dist/cjs/components/Alert/Alert.stories.js +0 -37
- package/dist/cjs/components/Alert/Alert.stories.js.map +0 -1
- package/dist/cjs/components/Alert/Alert.test.d.ts +0 -1
- package/dist/cjs/components/Alert/Alert.test.js +0 -50
- package/dist/cjs/components/Alert/Alert.test.js.map +0 -1
- package/dist/cjs/components/Alert/index.d.ts +0 -1
- package/dist/cjs/components/Box/Box.d.ts +0 -15
- package/dist/cjs/components/Box/Box.stories.d.ts +0 -7
- package/dist/cjs/components/Box/Box.stories.js +0 -24
- package/dist/cjs/components/Box/Box.stories.js.map +0 -1
- package/dist/cjs/components/Box/Box.test.d.ts +0 -1
- package/dist/cjs/components/Box/Box.test.js +0 -33
- package/dist/cjs/components/Box/Box.test.js.map +0 -1
- package/dist/cjs/components/Box/index.d.ts +0 -1
- package/dist/cjs/components/Breadcrumbs/BreadcrumbItem.d.ts +0 -15
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.d.ts +0 -12
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.d.ts +0 -7
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +0 -19
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.js.map +0 -1
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.test.d.ts +0 -1
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.test.js +0 -36
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.test.js.map +0 -1
- package/dist/cjs/components/Breadcrumbs/index.d.ts +0 -2
- package/dist/cjs/components/Button/Button.d.ts +0 -31
- package/dist/cjs/components/Button/Button.stories.d.ts +0 -19
- package/dist/cjs/components/Button/Button.stories.js +0 -224
- package/dist/cjs/components/Button/Button.stories.js.map +0 -1
- package/dist/cjs/components/Button/Button.test.d.ts +0 -1
- package/dist/cjs/components/Button/Button.test.js +0 -87
- package/dist/cjs/components/Button/Button.test.js.map +0 -1
- package/dist/cjs/components/Button/Loading.d.ts +0 -2
- package/dist/cjs/components/Button/index.d.ts +0 -1
- package/dist/cjs/components/Checkbox/Checkbox.d.ts +0 -3
- package/dist/cjs/components/Checkbox/Checkbox.stories.d.ts +0 -10
- package/dist/cjs/components/Checkbox/Checkbox.stories.js +0 -83
- package/dist/cjs/components/Checkbox/Checkbox.stories.js.map +0 -1
- package/dist/cjs/components/Checkbox/Checkbox.test.d.ts +0 -1
- package/dist/cjs/components/Checkbox/Checkbox.test.js +0 -174
- package/dist/cjs/components/Checkbox/Checkbox.test.js.map +0 -1
- package/dist/cjs/components/Checkbox/CheckboxGroup.d.ts +0 -3
- package/dist/cjs/components/Checkbox/CheckboxGroup.stories.d.ts +0 -9
- package/dist/cjs/components/Checkbox/CheckboxGroup.stories.js +0 -67
- package/dist/cjs/components/Checkbox/CheckboxGroup.stories.js.map +0 -1
- package/dist/cjs/components/Checkbox/CheckboxGroup.test.d.ts +0 -1
- package/dist/cjs/components/Checkbox/CheckboxGroup.test.js +0 -242
- package/dist/cjs/components/Checkbox/CheckboxGroup.test.js.map +0 -1
- package/dist/cjs/components/Checkbox/index.d.ts +0 -3
- package/dist/cjs/components/Checkbox/types.d.ts +0 -56
- package/dist/cjs/components/Container/Container.d.ts +0 -15
- package/dist/cjs/components/Container/Container.stories.d.ts +0 -6
- package/dist/cjs/components/Container/Container.stories.js +0 -14
- package/dist/cjs/components/Container/Container.stories.js.map +0 -1
- package/dist/cjs/components/Container/Container.test.d.ts +0 -1
- package/dist/cjs/components/Container/Container.test.js +0 -39
- package/dist/cjs/components/Container/Container.test.js.map +0 -1
- package/dist/cjs/components/Container/index.d.ts +0 -1
- package/dist/cjs/components/Divider/Divider.d.ts +0 -11
- package/dist/cjs/components/Divider/Divider.stories.d.ts +0 -6
- package/dist/cjs/components/Divider/Divider.stories.js +0 -18
- package/dist/cjs/components/Divider/Divider.stories.js.map +0 -1
- package/dist/cjs/components/Divider/Divider.test.d.ts +0 -1
- package/dist/cjs/components/Divider/Divider.test.js +0 -31
- package/dist/cjs/components/Divider/Divider.test.js.map +0 -1
- package/dist/cjs/components/Divider/index.d.ts +0 -1
- package/dist/cjs/components/Drawer/Content.d.ts +0 -11
- package/dist/cjs/components/Drawer/Drawer.d.ts +0 -22
- package/dist/cjs/components/Drawer/Drawer.stories.d.ts +0 -8
- package/dist/cjs/components/Drawer/Drawer.stories.js +0 -54
- package/dist/cjs/components/Drawer/Drawer.stories.js.map +0 -1
- package/dist/cjs/components/Drawer/Drawer.test.d.ts +0 -1
- package/dist/cjs/components/Drawer/Drawer.test.js +0 -123
- package/dist/cjs/components/Drawer/Drawer.test.js.map +0 -1
- package/dist/cjs/components/Drawer/DrawerContext.js +0 -17
- package/dist/cjs/components/Drawer/DrawerContext.js.map +0 -1
- package/dist/cjs/components/Drawer/Header.d.ts +0 -11
- package/dist/cjs/components/Drawer/index.d.ts +0 -12
- package/dist/cjs/components/Drawer/useDrawer.js +0 -21
- package/dist/cjs/components/Drawer/useDrawer.js.map +0 -1
- package/dist/cjs/components/DropdownMenu/DropdownMenu.d.ts +0 -15
- package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.d.ts +0 -7
- package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.js +0 -66
- package/dist/cjs/components/DropdownMenu/DropdownMenu.stories.js.map +0 -1
- package/dist/cjs/components/DropdownMenu/DropdownMenu.test.d.ts +0 -1
- package/dist/cjs/components/DropdownMenu/DropdownMenu.test.js +0 -97
- package/dist/cjs/components/DropdownMenu/DropdownMenu.test.js.map +0 -1
- package/dist/cjs/components/DropdownMenu/Item.d.ts +0 -15
- package/dist/cjs/components/DropdownMenu/index.d.ts +0 -10
- package/dist/cjs/components/ErrorMessage/ErrorMessage.d.ts +0 -9
- package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.d.ts +0 -7
- package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.js +0 -23
- package/dist/cjs/components/ErrorMessage/ErrorMessage.stories.js.map +0 -1
- package/dist/cjs/components/ErrorMessage/ErrorMessage.test.d.ts +0 -1
- package/dist/cjs/components/ErrorMessage/ErrorMessage.test.js +0 -32
- package/dist/cjs/components/ErrorMessage/ErrorMessage.test.js.map +0 -1
- package/dist/cjs/components/ErrorMessage/index.d.ts +0 -1
- package/dist/cjs/components/Fieldset/Fieldset.d.ts +0 -17
- package/dist/cjs/components/Fieldset/Fieldset.stories.d.ts +0 -7
- package/dist/cjs/components/Fieldset/Fieldset.stories.js +0 -29
- package/dist/cjs/components/Fieldset/Fieldset.stories.js.map +0 -1
- package/dist/cjs/components/Fieldset/Fieldset.test.d.ts +0 -1
- package/dist/cjs/components/Fieldset/Fieldset.test.js +0 -12
- package/dist/cjs/components/Fieldset/Fieldset.test.js.map +0 -1
- package/dist/cjs/components/Fieldset/index.d.ts +0 -1
- package/dist/cjs/components/Flex/Flex.d.ts +0 -4
- package/dist/cjs/components/Flex/Flex.stories.d.ts +0 -7
- package/dist/cjs/components/Flex/Flex.stories.js +0 -147
- package/dist/cjs/components/Flex/Flex.stories.js.map +0 -1
- package/dist/cjs/components/Flex/Flex.test.d.ts +0 -1
- package/dist/cjs/components/Flex/Flex.test.js +0 -33
- package/dist/cjs/components/Flex/Flex.test.js.map +0 -1
- package/dist/cjs/components/Flex/index.d.ts +0 -2
- package/dist/cjs/components/Flex/propUtils.d.ts +0 -8
- package/dist/cjs/components/Flex/propUtils.test.d.ts +0 -1
- package/dist/cjs/components/Flex/propUtils.test.js +0 -99
- package/dist/cjs/components/Flex/propUtils.test.js.map +0 -1
- package/dist/cjs/components/Flex/types.d.ts +0 -33
- package/dist/cjs/components/Grid/Grid.d.ts +0 -28
- package/dist/cjs/components/Grid/Grid.stories.d.ts +0 -11
- package/dist/cjs/components/Grid/Grid.stories.js +0 -218
- package/dist/cjs/components/Grid/Grid.stories.js.map +0 -1
- package/dist/cjs/components/Grid/Grid.test.d.ts +0 -1
- package/dist/cjs/components/Grid/Grid.test.js +0 -97
- package/dist/cjs/components/Grid/Grid.test.js.map +0 -1
- package/dist/cjs/components/Grid/Item.d.ts +0 -30
- package/dist/cjs/components/Grid/index.d.ts +0 -9
- package/dist/cjs/components/Icon/Icon.d.ts +0 -2
- package/dist/cjs/components/Icon/Icon.stories.d.ts +0 -7
- package/dist/cjs/components/Icon/Icon.stories.js +0 -35
- package/dist/cjs/components/Icon/Icon.stories.js.map +0 -1
- package/dist/cjs/components/Icon/Icon.test.d.ts +0 -1
- package/dist/cjs/components/Icon/Icon.test.js +0 -34
- package/dist/cjs/components/Icon/Icon.test.js.map +0 -1
- package/dist/cjs/components/Icon/IconStyle.d.ts +0 -1
- package/dist/cjs/components/Icon/IconStyle.js +0 -413
- package/dist/cjs/components/Icon/IconStyle.js.map +0 -1
- package/dist/cjs/components/Icon/index.d.ts +0 -2
- package/dist/cjs/components/Icon/types.d.ts +0 -13
- package/dist/cjs/components/Image/Image.d.ts +0 -17
- package/dist/cjs/components/Image/Image.stories.d.ts +0 -6
- package/dist/cjs/components/Image/Image.stories.js +0 -19
- package/dist/cjs/components/Image/Image.stories.js.map +0 -1
- package/dist/cjs/components/Image/Image.test.d.ts +0 -1
- package/dist/cjs/components/Image/Image.test.js +0 -39
- package/dist/cjs/components/Image/Image.test.js.map +0 -1
- package/dist/cjs/components/Image/index.d.ts +0 -1
- package/dist/cjs/components/Label/Label.d.ts +0 -13
- package/dist/cjs/components/Label/Label.stories.d.ts +0 -6
- package/dist/cjs/components/Label/Label.stories.js +0 -17
- package/dist/cjs/components/Label/Label.stories.js.map +0 -1
- package/dist/cjs/components/Label/Label.test.d.ts +0 -1
- package/dist/cjs/components/Label/Label.test.js +0 -37
- package/dist/cjs/components/Label/Label.test.js.map +0 -1
- package/dist/cjs/components/Label/index.d.ts +0 -1
- package/dist/cjs/components/Link/Link.d.ts +0 -24
- package/dist/cjs/components/Link/Link.stories.d.ts +0 -7
- package/dist/cjs/components/Link/Link.stories.js +0 -45
- package/dist/cjs/components/Link/Link.stories.js.map +0 -1
- package/dist/cjs/components/Link/Link.test.d.ts +0 -1
- package/dist/cjs/components/Link/Link.test.js +0 -65
- package/dist/cjs/components/Link/Link.test.js.map +0 -1
- package/dist/cjs/components/Link/index.d.ts +0 -1
- package/dist/cjs/components/LinkButton/LinkButton.d.ts +0 -15
- package/dist/cjs/components/LinkButton/LinkButton.stories.d.ts +0 -6
- package/dist/cjs/components/LinkButton/LinkButton.stories.js +0 -46
- package/dist/cjs/components/LinkButton/LinkButton.stories.js.map +0 -1
- package/dist/cjs/components/LinkButton/LinkButton.test.d.ts +0 -1
- package/dist/cjs/components/LinkButton/LinkButton.test.js +0 -67
- package/dist/cjs/components/LinkButton/LinkButton.test.js.map +0 -1
- package/dist/cjs/components/LinkButton/index.d.ts +0 -1
- package/dist/cjs/components/List/List.d.ts +0 -17
- package/dist/cjs/components/List/List.stories.d.ts +0 -10
- package/dist/cjs/components/List/List.stories.js +0 -82
- package/dist/cjs/components/List/List.stories.js.map +0 -1
- package/dist/cjs/components/List/List.test.d.ts +0 -1
- package/dist/cjs/components/List/List.test.js +0 -95
- package/dist/cjs/components/List/List.test.js.map +0 -1
- package/dist/cjs/components/List/ListItem.d.ts +0 -14
- package/dist/cjs/components/List/index.d.ts +0 -2
- package/dist/cjs/components/LoadingIndicator/LoadingIndicator.d.ts +0 -8
- package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.d.ts +0 -9
- package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.js +0 -53
- package/dist/cjs/components/LoadingIndicator/LoadingIndicator.stories.js.map +0 -1
- package/dist/cjs/components/LoadingIndicator/LoadingIndicator.test.d.ts +0 -1
- package/dist/cjs/components/LoadingIndicator/LoadingIndicator.test.js +0 -29
- package/dist/cjs/components/LoadingIndicator/LoadingIndicator.test.js.map +0 -1
- package/dist/cjs/components/LoadingIndicator/index.d.ts +0 -1
- package/dist/cjs/components/Logo/Logo.d.ts +0 -14
- package/dist/cjs/components/Logo/Logo.stories.d.ts +0 -6
- package/dist/cjs/components/Logo/Logo.stories.js +0 -22
- package/dist/cjs/components/Logo/Logo.stories.js.map +0 -1
- package/dist/cjs/components/Logo/Logo.test.d.ts +0 -1
- package/dist/cjs/components/Logo/Logo.test.js +0 -25
- package/dist/cjs/components/Logo/Logo.test.js.map +0 -1
- package/dist/cjs/components/Logo/index.d.ts +0 -1
- package/dist/cjs/components/Modal/Content.d.ts +0 -11
- package/dist/cjs/components/Modal/Header.d.ts +0 -11
- package/dist/cjs/components/Modal/Modal.d.ts +0 -35
- package/dist/cjs/components/Modal/Modal.stories.d.ts +0 -10
- package/dist/cjs/components/Modal/Modal.stories.js +0 -90
- package/dist/cjs/components/Modal/Modal.stories.js.map +0 -1
- package/dist/cjs/components/Modal/Modal.test.d.ts +0 -1
- package/dist/cjs/components/Modal/Modal.test.js +0 -137
- package/dist/cjs/components/Modal/Modal.test.js.map +0 -1
- package/dist/cjs/components/Modal/index.d.ts +0 -12
- package/dist/cjs/components/NumberField/NumberField.d.ts +0 -35
- package/dist/cjs/components/NumberField/NumberField.stories.d.ts +0 -10
- package/dist/cjs/components/NumberField/NumberField.stories.js +0 -100
- package/dist/cjs/components/NumberField/NumberField.stories.js.map +0 -1
- package/dist/cjs/components/NumberField/NumberField.test.d.ts +0 -1
- package/dist/cjs/components/NumberField/NumberField.test.js +0 -117
- package/dist/cjs/components/NumberField/NumberField.test.js.map +0 -1
- package/dist/cjs/components/NumberField/index.d.ts +0 -1
- package/dist/cjs/components/Option/Option.d.ts +0 -10
- package/dist/cjs/components/Option/index.d.ts +0 -1
- package/dist/cjs/components/PasswordField/PasswordField.d.ts +0 -5
- package/dist/cjs/components/PasswordField/PasswordField.stories.d.ts +0 -6
- package/dist/cjs/components/PasswordField/PasswordField.stories.js +0 -41
- package/dist/cjs/components/PasswordField/PasswordField.stories.js.map +0 -1
- package/dist/cjs/components/PasswordField/PasswordField.test.d.ts +0 -1
- package/dist/cjs/components/PasswordField/PasswordField.test.js +0 -34
- package/dist/cjs/components/PasswordField/PasswordField.test.js.map +0 -1
- package/dist/cjs/components/PasswordField/ShowHideButton.d.ts +0 -5
- package/dist/cjs/components/PasswordField/index.d.ts +0 -1
- package/dist/cjs/components/Popover/Popover.d.ts +0 -15
- package/dist/cjs/components/Popover/Popover.stories.d.ts +0 -7
- package/dist/cjs/components/Popover/Popover.stories.js +0 -32
- package/dist/cjs/components/Popover/Popover.stories.js.map +0 -1
- package/dist/cjs/components/Popover/Popover.test.d.ts +0 -1
- package/dist/cjs/components/Popover/Popover.test.js +0 -104
- package/dist/cjs/components/Popover/Popover.test.js.map +0 -1
- package/dist/cjs/components/Popover/index.d.ts +0 -1
- package/dist/cjs/components/Progress/Progress.d.ts +0 -20
- package/dist/cjs/components/Progress/Progress.stories.d.ts +0 -9
- package/dist/cjs/components/Progress/Progress.stories.js +0 -96
- package/dist/cjs/components/Progress/Progress.stories.js.map +0 -1
- package/dist/cjs/components/Progress/Progress.test.d.ts +0 -1
- package/dist/cjs/components/Progress/Progress.test.js +0 -60
- package/dist/cjs/components/Progress/Progress.test.js.map +0 -1
- package/dist/cjs/components/Progress/index.d.ts +0 -1
- package/dist/cjs/components/Radio/Radio.d.ts +0 -53
- package/dist/cjs/components/Radio/Radio.stories.d.ts +0 -12
- package/dist/cjs/components/Radio/Radio.stories.js +0 -122
- package/dist/cjs/components/Radio/Radio.stories.js.map +0 -1
- package/dist/cjs/components/Radio/Radio.test.d.ts +0 -1
- package/dist/cjs/components/Radio/Radio.test.js +0 -259
- package/dist/cjs/components/Radio/Radio.test.js.map +0 -1
- package/dist/cjs/components/Radio/RadioButton.d.ts +0 -3
- package/dist/cjs/components/Radio/RadioButton.stories.d.ts +0 -11
- package/dist/cjs/components/Radio/RadioButton.stories.js +0 -90
- package/dist/cjs/components/Radio/RadioButton.stories.js.map +0 -1
- package/dist/cjs/components/Radio/RadioButton.test.d.ts +0 -1
- package/dist/cjs/components/Radio/RadioButton.test.js +0 -23
- package/dist/cjs/components/Radio/RadioButton.test.js.map +0 -1
- package/dist/cjs/components/Radio/RadioGroup.d.ts +0 -30
- package/dist/cjs/components/Radio/index.d.ts +0 -3
- package/dist/cjs/components/SVG/SVG.d.ts +0 -11
- package/dist/cjs/components/SVG/SVG.stories.d.ts +0 -6
- package/dist/cjs/components/SVG/SVG.stories.js +0 -21
- package/dist/cjs/components/SVG/SVG.stories.js.map +0 -1
- package/dist/cjs/components/SVG/SVG.test.d.ts +0 -1
- package/dist/cjs/components/SVG/SVG.test.js +0 -28
- package/dist/cjs/components/SVG/SVG.test.js.map +0 -1
- package/dist/cjs/components/SVG/index.d.ts +0 -1
- package/dist/cjs/components/Segment/Segment.d.ts +0 -16
- package/dist/cjs/components/Segment/Segment.stories.d.ts +0 -19
- package/dist/cjs/components/Segment/Segment.stories.js +0 -125
- package/dist/cjs/components/Segment/Segment.stories.js.map +0 -1
- package/dist/cjs/components/Segment/SegmentGroup.d.ts +0 -13
- package/dist/cjs/components/Segment/index.d.ts +0 -2
- package/dist/cjs/components/Select/Select.d.ts +0 -20
- package/dist/cjs/components/Select/Select.stories.d.ts +0 -10
- package/dist/cjs/components/Select/Select.stories.js +0 -89
- package/dist/cjs/components/Select/Select.stories.js.map +0 -1
- package/dist/cjs/components/Select/Select.test.d.ts +0 -1
- package/dist/cjs/components/Select/Select.test.js +0 -108
- package/dist/cjs/components/Select/Select.test.js.map +0 -1
- package/dist/cjs/components/Select/index.d.ts +0 -1
- package/dist/cjs/components/Slider/Slider.d.ts +0 -19
- package/dist/cjs/components/Slider/Slider.stories.d.ts +0 -10
- package/dist/cjs/components/Slider/Slider.stories.js +0 -84
- package/dist/cjs/components/Slider/Slider.stories.js.map +0 -1
- package/dist/cjs/components/Slider/Slider.test.d.ts +0 -1
- package/dist/cjs/components/Slider/Slider.test.js +0 -85
- package/dist/cjs/components/Slider/Slider.test.js.map +0 -1
- package/dist/cjs/components/Slider/helpers.d.ts +0 -5
- package/dist/cjs/components/Slider/helpers.test.d.ts +0 -1
- package/dist/cjs/components/Slider/helpers.test.js +0 -75
- package/dist/cjs/components/Slider/helpers.test.js.map +0 -1
- package/dist/cjs/components/Slider/index.d.ts +0 -1
- package/dist/cjs/components/Table/Body.d.ts +0 -9
- package/dist/cjs/components/Table/Cell.d.ts +0 -11
- package/dist/cjs/components/Table/Foot.d.ts +0 -9
- package/dist/cjs/components/Table/Head.d.ts +0 -9
- package/dist/cjs/components/Table/HeaderCell.d.ts +0 -9
- package/dist/cjs/components/Table/Row.d.ts +0 -9
- package/dist/cjs/components/Table/Table.d.ts +0 -11
- package/dist/cjs/components/Table/Table.stories.d.ts +0 -7
- package/dist/cjs/components/Table/Table.stories.js +0 -17
- package/dist/cjs/components/Table/Table.stories.js.map +0 -1
- package/dist/cjs/components/Table/Table.test.d.ts +0 -1
- package/dist/cjs/components/Table/Table.test.js +0 -75
- package/dist/cjs/components/Table/Table.test.js.map +0 -1
- package/dist/cjs/components/Table/index.d.ts +0 -20
- package/dist/cjs/components/Text/Text.d.ts +0 -21
- package/dist/cjs/components/Text/Text.stories.d.ts +0 -10
- package/dist/cjs/components/Text/Text.stories.js +0 -38
- package/dist/cjs/components/Text/Text.stories.js.map +0 -1
- package/dist/cjs/components/Text/Text.test.d.ts +0 -1
- package/dist/cjs/components/Text/Text.test.js +0 -33
- package/dist/cjs/components/Text/Text.test.js.map +0 -1
- package/dist/cjs/components/Text/index.d.ts +0 -1
- package/dist/cjs/components/TextArea/TextArea.d.ts +0 -13
- package/dist/cjs/components/TextArea/TextArea.stories.d.ts +0 -11
- package/dist/cjs/components/TextArea/TextArea.stories.js +0 -92
- package/dist/cjs/components/TextArea/TextArea.stories.js.map +0 -1
- package/dist/cjs/components/TextArea/TextArea.test.d.ts +0 -1
- package/dist/cjs/components/TextArea/TextArea.test.js +0 -87
- package/dist/cjs/components/TextArea/TextArea.test.js.map +0 -1
- package/dist/cjs/components/TextArea/index.d.ts +0 -1
- package/dist/cjs/components/TextAreaInput/TextAreaInput.d.ts +0 -14
- package/dist/cjs/components/TextAreaInput/TextAreaInput.test.d.ts +0 -1
- package/dist/cjs/components/TextAreaInput/TextAreaInput.test.js +0 -35
- package/dist/cjs/components/TextAreaInput/TextAreaInput.test.js.map +0 -1
- package/dist/cjs/components/TextAreaInput/index.d.ts +0 -1
- package/dist/cjs/components/TextField/TextField.d.ts +0 -19
- package/dist/cjs/components/TextField/TextField.stories.d.ts +0 -20
- package/dist/cjs/components/TextField/TextField.stories.js +0 -219
- package/dist/cjs/components/TextField/TextField.stories.js.map +0 -1
- package/dist/cjs/components/TextField/TextField.test.d.ts +0 -1
- package/dist/cjs/components/TextField/TextField.test.js +0 -164
- package/dist/cjs/components/TextField/TextField.test.js.map +0 -1
- package/dist/cjs/components/TextField/adornmentWithClassName.d.ts +0 -2
- package/dist/cjs/components/TextField/index.d.ts +0 -1
- package/dist/cjs/components/Title/Title.d.ts +0 -15
- package/dist/cjs/components/Title/Title.stories.d.ts +0 -6
- package/dist/cjs/components/Title/Title.stories.js +0 -18
- package/dist/cjs/components/Title/Title.stories.js.map +0 -1
- package/dist/cjs/components/Title/Title.test.d.ts +0 -1
- package/dist/cjs/components/Title/Title.test.js +0 -22
- package/dist/cjs/components/Title/Title.test.js.map +0 -1
- package/dist/cjs/components/Title/index.d.ts +0 -1
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.d.ts +0 -11
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.d.ts +0 -6
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.js +0 -14
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.stories.js.map +0 -1
- package/dist/cjs/components/VisuallyHidden/index.d.ts +0 -1
- package/dist/cjs/components/index.d.ts +0 -40
- package/dist/cjs/hooks/index.d.ts +0 -7
- package/dist/cjs/hooks/useBodyScrollLock/index.d.ts +0 -1
- package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.d.ts +0 -3
- package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.test.d.ts +0 -1
- package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.test.js +0 -31
- package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.test.js.map +0 -1
- package/dist/cjs/hooks/useBreakpoint/index.d.ts +0 -1
- package/dist/cjs/hooks/useBreakpoint/useBreakpoint.d.ts +0 -14
- package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.d.ts +0 -7
- package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.js +0 -28
- package/dist/cjs/hooks/useBreakpoint/useBreakpoint.stories.js.map +0 -1
- package/dist/cjs/hooks/useBreakpoint/useBreakpoint.test.d.ts +0 -1
- package/dist/cjs/hooks/useBreakpoint/useBreakpoint.test.js +0 -377
- package/dist/cjs/hooks/useBreakpoint/useBreakpoint.test.js.map +0 -1
- package/dist/cjs/hooks/useButton/index.d.ts +0 -1
- package/dist/cjs/hooks/useButton/useButton.d.ts +0 -35
- package/dist/cjs/hooks/useButton/useButton.test.d.ts +0 -1
- package/dist/cjs/hooks/useButton/useButton.test.js +0 -143
- package/dist/cjs/hooks/useButton/useButton.test.js.map +0 -1
- package/dist/cjs/hooks/useLabel/index.d.ts +0 -1
- package/dist/cjs/hooks/useLabel/useLabel.d.ts +0 -27
- package/dist/cjs/hooks/useLabel/useLabel.test.d.ts +0 -1
- package/dist/cjs/hooks/useLabel/useLabel.test.js +0 -49
- package/dist/cjs/hooks/useLabel/useLabel.test.js.map +0 -1
- package/dist/cjs/hooks/useOnClickOutside/index.d.ts +0 -1
- package/dist/cjs/hooks/useOnClickOutside/useOnClickOutside.d.ts +0 -2
- package/dist/cjs/hooks/useTextField/index.d.ts +0 -2
- package/dist/cjs/hooks/useTextField/types.d.ts +0 -26
- package/dist/cjs/hooks/useTextField/useTextField.d.ts +0 -2
- package/dist/cjs/hooks/useTextField/useTextField.test.d.ts +0 -1
- package/dist/cjs/hooks/useTextField/useTextField.test.js +0 -167
- package/dist/cjs/hooks/useTextField/useTextField.test.js.map +0 -1
- package/dist/cjs/hooks/useWindowEvent/index.d.ts +0 -1
- package/dist/cjs/hooks/useWindowEvent/useWindowEvent.d.ts +0 -1
- package/dist/cjs/index.d.ts +0 -3
- package/dist/cjs/tsconfig.tsbuildinfo +0 -1
- package/dist/cjs/types/components.d.ts +0 -2
- package/dist/cjs/types/dom.d.ts +0 -3
- package/dist/cjs/types/events.d.ts +0 -45
- package/dist/cjs/types/icon.d.ts +0 -9
- package/dist/cjs/types/index.d.ts +0 -5
- package/dist/cjs/types/size.d.ts +0 -1
- package/dist/cjs/utils/StoryContainer.d.ts +0 -1
- package/dist/cjs/utils/StoryContainer.js +0 -39
- package/dist/cjs/utils/StoryContainer.js.map +0 -1
- package/dist/cjs/utils/changeCSS.d.ts +0 -1
- package/dist/cjs/utils/excludeControls.d.ts +0 -1
- package/dist/cjs/utils/excludeControls.test.d.ts +0 -1
- package/dist/cjs/utils/excludeControls.test.js +0 -25
- package/dist/cjs/utils/excludeControls.test.js.map +0 -1
- package/dist/cjs/utils/index.d.ts +0 -8
- package/dist/cjs/utils/jestHTMLDialogPolyfill.d.ts +0 -1
- package/dist/cjs/utils/mergeRefs.d.ts +0 -2
- package/dist/cjs/utils/polyfill-tests.d.ts +0 -1
- package/dist/cjs/utils/sizeClasses.d.ts +0 -16
- package/dist/cjs/utils/sizeClasses.test.d.ts +0 -1
- package/dist/cjs/utils/sizeClasses.test.js +0 -20
- package/dist/cjs/utils/sizeClasses.test.js.map +0 -1
- package/dist/cjs/utils/spaceDelimitedList.d.ts +0 -1
- package/dist/cjs/utils/spaceDelimitedList.test.d.ts +0 -1
- package/dist/cjs/utils/spaceDelimitedList.test.js +0 -27
- package/dist/cjs/utils/spaceDelimitedList.test.js.map +0 -1
- package/dist/esm/components/Drawer/DrawerContext.js +0 -7
- package/dist/esm/components/Drawer/DrawerContext.js.map +0 -1
- package/dist/esm/components/Drawer/useDrawer.js +0 -11
- package/dist/esm/components/Drawer/useDrawer.js.map +0 -1
- package/dist/esm/components/Flex/propUtils.test.js +0 -97
- package/dist/esm/components/Flex/propUtils.test.js.map +0 -1
- package/dist/esm/components/Icon/IconStyle.js +0 -403
- package/dist/esm/components/Icon/IconStyle.js.map +0 -1
- package/dist/esm/components/Slider/helpers.test.js +0 -73
- package/dist/esm/components/Slider/helpers.test.js.map +0 -1
- package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.test.js +0 -29
- package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.test.js.map +0 -1
- package/dist/esm/tsconfig.esm.tsbuildinfo +0 -1
- package/dist/esm/utils/StoryContainer.js +0 -29
- package/dist/esm/utils/StoryContainer.js.map +0 -1
- package/dist/esm/utils/excludeControls.test.js +0 -23
- package/dist/esm/utils/excludeControls.test.js.map +0 -1
- package/dist/esm/utils/sizeClasses.test.js +0 -18
- package/dist/esm/utils/sizeClasses.test.js.map +0 -1
- package/dist/esm/utils/spaceDelimitedList.test.js +0 -25
- package/dist/esm/utils/spaceDelimitedList.test.js.map +0 -1
- package/dist/types/components/Icon/IconStyle.d.ts +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -13,7 +13,7 @@ export interface UseButtonProps {
|
|
|
13
13
|
export declare function useButton({ elementType, type, isDisabled, href, target, rel, role, onClick, onPress, }: UseButtonProps): {
|
|
14
14
|
buttonProps: {
|
|
15
15
|
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
16
|
-
type: "button" | "
|
|
16
|
+
type: "button" | "reset" | "submit";
|
|
17
17
|
role?: undefined;
|
|
18
18
|
href: string | undefined;
|
|
19
19
|
target: string | undefined;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@simplybusiness/mobius",
|
|
3
3
|
"license": "UNLICENSED",
|
|
4
|
-
"version": "4.3.
|
|
4
|
+
"version": "4.3.4",
|
|
5
5
|
"description": "Core library of Mobius react components",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
},
|
|
80
80
|
"dependencies": {
|
|
81
81
|
"@floating-ui/react": "^0.26.4",
|
|
82
|
-
"@simplybusiness/icons": "^4.2.
|
|
82
|
+
"@simplybusiness/icons": "^4.2.9",
|
|
83
83
|
"@swc/cli": "^0.1.63",
|
|
84
84
|
"classnames": "^2.5.1",
|
|
85
85
|
"dialog-polyfill": "^0.5.6",
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { ReactNode, Ref, RefAttributes } from "react";
|
|
2
|
-
import { ForwardedRefComponent } from "../../types/components";
|
|
3
|
-
import { DOMProps } from "../../types/dom";
|
|
4
|
-
export type AccordionElementType = HTMLDivElement;
|
|
5
|
-
export type AccordionRef = Ref<AccordionElementType>;
|
|
6
|
-
export interface AccordionLinkProps extends DOMProps {
|
|
7
|
-
/** Link text to show accordion content */
|
|
8
|
-
text?: string;
|
|
9
|
-
onClick?: () => void;
|
|
10
|
-
toggle: () => void;
|
|
11
|
-
headerChildren?: ReactNode;
|
|
12
|
-
ariaExpanded: boolean | undefined;
|
|
13
|
-
}
|
|
14
|
-
export interface AccordionProps extends DOMProps, RefAttributes<AccordionElementType> {
|
|
15
|
-
/** Custom class name for setting specific CSS */
|
|
16
|
-
className?: string;
|
|
17
|
-
/** Link text to show accordion content */
|
|
18
|
-
showText?: string;
|
|
19
|
-
/** Link text to hide accordion content */
|
|
20
|
-
hideText?: string;
|
|
21
|
-
/** Whether header is above or below content */
|
|
22
|
-
headerPosition?: "top" | "bottom";
|
|
23
|
-
/** Whether to expand the accordion initially */
|
|
24
|
-
startOpen?: boolean | undefined;
|
|
25
|
-
/** Callback that fires each time the accordion is opened */
|
|
26
|
-
onOpen?: () => void;
|
|
27
|
-
/** Callback that fires each time the accordion is closed */
|
|
28
|
-
onClose?: () => void;
|
|
29
|
-
/** Callback that fires each time the accordion state changes */
|
|
30
|
-
onChange?: (state: boolean) => void;
|
|
31
|
-
children?: ReactNode;
|
|
32
|
-
headerChildren?: ReactNode;
|
|
33
|
-
}
|
|
34
|
-
export declare const Accordion: ForwardedRefComponent<AccordionProps, AccordionElementType>;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
-
import { Accordion } from "..";
|
|
3
|
-
type StoryType = StoryObj<typeof Accordion>;
|
|
4
|
-
declare const meta: Meta<typeof Accordion>;
|
|
5
|
-
export declare const Normal: StoryType;
|
|
6
|
-
export declare const StartExpanded: StoryType;
|
|
7
|
-
export declare const BottomHeader: StoryType;
|
|
8
|
-
export declare const WithChildren: StoryType;
|
|
9
|
-
export declare const ComplexContent: StoryType;
|
|
10
|
-
export default meta;
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ComplexContent = exports.WithChildren = exports.BottomHeader = exports.StartExpanded = exports.Normal = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const __1 = require("..");
|
|
6
|
-
const utils_1 = require("../../utils");
|
|
7
|
-
const meta = {
|
|
8
|
-
title: "Components/Accordion",
|
|
9
|
-
component: __1.Accordion,
|
|
10
|
-
argTypes: (0, utils_1.excludeControls)("headerChildren"),
|
|
11
|
-
decorators: [
|
|
12
|
-
Story => ((0, jsx_runtime_1.jsx)("div", { style: { minHeight: 150 }, children: (0, jsx_runtime_1.jsx)(Story, {}) })),
|
|
13
|
-
],
|
|
14
|
-
};
|
|
15
|
-
exports.Normal = {
|
|
16
|
-
render: (args) => ((0, jsx_runtime_1.jsxs)(__1.Accordion, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }))),
|
|
17
|
-
args: {
|
|
18
|
-
showText: "See more",
|
|
19
|
-
hideText: "See less",
|
|
20
|
-
headerPosition: "top",
|
|
21
|
-
startOpen: false,
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
exports.StartExpanded = {
|
|
25
|
-
render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
|
|
26
|
-
args: {
|
|
27
|
-
showText: "See more",
|
|
28
|
-
hideText: "See less",
|
|
29
|
-
headerPosition: "top",
|
|
30
|
-
startOpen: true,
|
|
31
|
-
},
|
|
32
|
-
};
|
|
33
|
-
exports.BottomHeader = {
|
|
34
|
-
render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
|
|
35
|
-
args: {
|
|
36
|
-
showText: "See more",
|
|
37
|
-
hideText: "See less",
|
|
38
|
-
headerPosition: "bottom",
|
|
39
|
-
startOpen: false,
|
|
40
|
-
},
|
|
41
|
-
};
|
|
42
|
-
exports.WithChildren = {
|
|
43
|
-
render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
|
|
44
|
-
args: {
|
|
45
|
-
showText: "See more",
|
|
46
|
-
hideText: "See less",
|
|
47
|
-
headerPosition: "top",
|
|
48
|
-
headerChildren: (0, jsx_runtime_1.jsx)(__1.Button, { children: "Go" }),
|
|
49
|
-
startOpen: false,
|
|
50
|
-
},
|
|
51
|
-
};
|
|
52
|
-
exports.ComplexContent = {
|
|
53
|
-
render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsxs)(__1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(__1.Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), (0, jsx_runtime_1.jsx)(__1.Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }) }))),
|
|
54
|
-
args: {
|
|
55
|
-
showText: "See more",
|
|
56
|
-
hideText: "See less",
|
|
57
|
-
headerPosition: "top",
|
|
58
|
-
startOpen: false,
|
|
59
|
-
},
|
|
60
|
-
};
|
|
61
|
-
exports.default = meta;
|
|
62
|
-
//# sourceMappingURL=Accordion.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":";;;;AACA,0BAA8E;AAC9E,uCAA8C;AAI9C,MAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,aAAS;IACpB,QAAQ,EAAE,IAAA,uBAAe,EAAC,gBAAgB,CAAC;IAC3C,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,gCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,YAC5B,uBAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,wBAAC,aAAS,oBAAK,IAAI,eACjB,4IAGI,EACJ,4IAGI,KACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEW,QAAA,aAAa,GAAc;IACtC,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,4IAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,IAAI;KAChB;CACF,CAAC;AAEW,QAAA,YAAY,GAAc;IACrC,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,4IAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEW,QAAA,YAAY,GAAc;IACrC,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,4IAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,cAAc,EAAE,uBAAC,UAAM,qBAAY;QACnC,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEW,QAAA,cAAc,GAAc;IACvC,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,wBAAC,gBAAY,eACX,uBAAC,WAAO,kHAGE,EACV,uBAAC,WAAO,kHAGE,IACG,IACL,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,191 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
-
const react_1 = require("@testing-library/react");
|
|
8
|
-
const user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
9
|
-
const _1 = require(".");
|
|
10
|
-
const CONTAINER_CLASS_NAME = "mobius/Accordion";
|
|
11
|
-
const CONTENT_CONTAINER_CLASS_NAME = "mobius/AccordionContentContainer";
|
|
12
|
-
const HEADER_CLASS_NAME = "mobius/AccordionHeader";
|
|
13
|
-
const LINK_CLASS_NAME = "mobius/AccordionLink";
|
|
14
|
-
const OPEN_CLASS_NAME = "--is-open";
|
|
15
|
-
const OPEN_TEXT = "See more";
|
|
16
|
-
const CLOSE_TEXT = "See less";
|
|
17
|
-
const mockMatchMedia = (matches) => {
|
|
18
|
-
Object.defineProperty(window, "matchMedia", {
|
|
19
|
-
writable: true,
|
|
20
|
-
configurable: true,
|
|
21
|
-
value: jest.fn().mockImplementation(query => ({
|
|
22
|
-
matches,
|
|
23
|
-
media: query,
|
|
24
|
-
onchange: null,
|
|
25
|
-
addListener: jest.fn(),
|
|
26
|
-
removeListener: jest.fn(),
|
|
27
|
-
addEventListener: jest.fn(),
|
|
28
|
-
removeEventListener: jest.fn(),
|
|
29
|
-
dispatchEvent: jest.fn(),
|
|
30
|
-
})),
|
|
31
|
-
});
|
|
32
|
-
};
|
|
33
|
-
describe("Accordion", () => {
|
|
34
|
-
beforeEach(() => {
|
|
35
|
-
mockMatchMedia(true);
|
|
36
|
-
});
|
|
37
|
-
it("should render without errors", () => {
|
|
38
|
-
const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "test" }));
|
|
39
|
-
expect(component).toBeTruthy();
|
|
40
|
-
});
|
|
41
|
-
it("should open when clicked", () => {
|
|
42
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "test content" }));
|
|
43
|
-
const toggle = react_1.screen.getByText(OPEN_TEXT);
|
|
44
|
-
const accordionContainer = container.firstChild;
|
|
45
|
-
expect(accordionContainer).not.toHaveClass(OPEN_CLASS_NAME);
|
|
46
|
-
expect(toggle).toBeInTheDocument();
|
|
47
|
-
react_1.fireEvent.click(toggle);
|
|
48
|
-
expect(accordionContainer).toHaveClass(OPEN_CLASS_NAME);
|
|
49
|
-
expect(react_1.screen.getByText(CLOSE_TEXT)).toBeInTheDocument();
|
|
50
|
-
react_1.fireEvent.click(toggle);
|
|
51
|
-
expect(accordionContainer).not.toHaveClass(OPEN_CLASS_NAME);
|
|
52
|
-
expect(toggle).toBeInTheDocument();
|
|
53
|
-
});
|
|
54
|
-
it("should render chevron after link", () => {
|
|
55
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "test" }));
|
|
56
|
-
const toggle = react_1.screen.getByRole("button");
|
|
57
|
-
expect(toggle.firstChild).toHaveTextContent(OPEN_TEXT);
|
|
58
|
-
expect(toggle.lastChild).toHaveAttribute("data-icon", "chevron-down");
|
|
59
|
-
});
|
|
60
|
-
describe("when headerPosition is set to top", () => {
|
|
61
|
-
it("renders the toggle above all other content", () => {
|
|
62
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { headerPosition: "top", children: "test content" }));
|
|
63
|
-
const accordion = container.firstChild;
|
|
64
|
-
expect(accordion === null || accordion === void 0 ? void 0 : accordion.firstChild).toHaveClass(LINK_CLASS_NAME);
|
|
65
|
-
expect(accordion === null || accordion === void 0 ? void 0 : accordion.lastChild).toHaveClass(CONTENT_CONTAINER_CLASS_NAME);
|
|
66
|
-
});
|
|
67
|
-
});
|
|
68
|
-
describe("when headerPosition is set to bottom", () => {
|
|
69
|
-
it("renders the toggle underneath all other content", () => {
|
|
70
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { headerPosition: "bottom", children: "test content" }));
|
|
71
|
-
const accordion = container.firstChild;
|
|
72
|
-
expect(accordion === null || accordion === void 0 ? void 0 : accordion.firstChild).toHaveClass(CONTENT_CONTAINER_CLASS_NAME);
|
|
73
|
-
expect(accordion === null || accordion === void 0 ? void 0 : accordion.lastChild).toHaveClass(LINK_CLASS_NAME);
|
|
74
|
-
});
|
|
75
|
-
});
|
|
76
|
-
it("respects startOpen prop and is expanded", () => {
|
|
77
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { startOpen: true, children: "test content" }));
|
|
78
|
-
expect(react_1.screen.getByText(CLOSE_TEXT)).toBeInTheDocument();
|
|
79
|
-
});
|
|
80
|
-
describe("uses correct class names", () => {
|
|
81
|
-
it("uses mobius class", () => {
|
|
82
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "test content" }));
|
|
83
|
-
expect(container.firstChild).toHaveClass("mobius");
|
|
84
|
-
});
|
|
85
|
-
it("uses base Mobius class", () => {
|
|
86
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "Sample text" }));
|
|
87
|
-
expect(container.firstChild).toHaveClass(CONTAINER_CLASS_NAME);
|
|
88
|
-
});
|
|
89
|
-
it("includes custom class name", () => {
|
|
90
|
-
const customClassName = "my-class";
|
|
91
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { className: customClassName, children: "Sample Text" }));
|
|
92
|
-
expect(container.firstChild).toHaveClass(customClassName);
|
|
93
|
-
expect(container.firstChild).toHaveClass(CONTAINER_CLASS_NAME);
|
|
94
|
-
});
|
|
95
|
-
});
|
|
96
|
-
describe("given headerChildren prop has content", () => {
|
|
97
|
-
it("renders the content", () => {
|
|
98
|
-
const buttonText = "Go";
|
|
99
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { headerChildren: (0, jsx_runtime_1.jsx)("button", { type: "button", children: buttonText }), children: "Sample Text" }));
|
|
100
|
-
const headerContainer = container.getElementsByClassName(HEADER_CLASS_NAME);
|
|
101
|
-
expect(react_1.screen.getByText(buttonText)).toBeInTheDocument();
|
|
102
|
-
expect(headerContainer).toHaveLength(1);
|
|
103
|
-
});
|
|
104
|
-
});
|
|
105
|
-
describe("given headerChildren is not defined", () => {
|
|
106
|
-
it("it does not render the header component", () => {
|
|
107
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "Sample Text" }));
|
|
108
|
-
const headerContainer = container.getElementsByClassName(HEADER_CLASS_NAME);
|
|
109
|
-
expect(headerContainer).toHaveLength(0);
|
|
110
|
-
});
|
|
111
|
-
});
|
|
112
|
-
it("renders with aria-expanded attribute", () => {
|
|
113
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "Sample Text" }));
|
|
114
|
-
const button = react_1.screen.getByRole("button");
|
|
115
|
-
expect(button).toHaveAttribute("aria-expanded", "false");
|
|
116
|
-
react_1.fireEvent.click(button);
|
|
117
|
-
expect(button).toHaveAttribute("aria-expanded", "true");
|
|
118
|
-
});
|
|
119
|
-
describe("providing that startOpen prop changes over time", () => {
|
|
120
|
-
it("renders the correct state", () => {
|
|
121
|
-
const { rerender } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { startOpen: true, children: "Sample Text" }));
|
|
122
|
-
const seeLess = react_1.screen.getByText(CLOSE_TEXT);
|
|
123
|
-
expect(seeLess).toBeInTheDocument();
|
|
124
|
-
rerender((0, jsx_runtime_1.jsx)(_1.Accordion, { startOpen: false, children: "Sample Text" }));
|
|
125
|
-
const seeMore = react_1.screen.getByText(OPEN_TEXT);
|
|
126
|
-
expect(seeMore).toBeInTheDocument();
|
|
127
|
-
});
|
|
128
|
-
});
|
|
129
|
-
describe("events", () => {
|
|
130
|
-
it("calls onChange when accordion is toggled", () => {
|
|
131
|
-
const onChange = jest.fn();
|
|
132
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { onChange: onChange, children: "Sample Text" }));
|
|
133
|
-
const button = react_1.screen.getByRole("button");
|
|
134
|
-
react_1.fireEvent.click(button);
|
|
135
|
-
expect(onChange).toHaveBeenCalledWith(true);
|
|
136
|
-
react_1.fireEvent.click(button);
|
|
137
|
-
expect(onChange).toHaveBeenCalledWith(false);
|
|
138
|
-
});
|
|
139
|
-
it("calls onOpen when accordion is opened", () => {
|
|
140
|
-
const onOpen = jest.fn();
|
|
141
|
-
const onClose = jest.fn();
|
|
142
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { onOpen: onOpen, onClose: onClose, children: "Sample Text" }));
|
|
143
|
-
const button = react_1.screen.getByRole("button");
|
|
144
|
-
react_1.fireEvent.click(button);
|
|
145
|
-
expect(onOpen).toHaveBeenCalled();
|
|
146
|
-
expect(onClose).not.toHaveBeenCalled();
|
|
147
|
-
});
|
|
148
|
-
it("calls onClose when accordion is closed", () => {
|
|
149
|
-
const onOpen = jest.fn();
|
|
150
|
-
const onClose = jest.fn();
|
|
151
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { startOpen: true, onOpen: onOpen, onClose: onClose, children: "Sample Text" }));
|
|
152
|
-
const button = react_1.screen.getByRole("button");
|
|
153
|
-
react_1.fireEvent.click(button);
|
|
154
|
-
expect(onClose).toHaveBeenCalled();
|
|
155
|
-
expect(onOpen).not.toHaveBeenCalled();
|
|
156
|
-
});
|
|
157
|
-
});
|
|
158
|
-
describe("given user prefers reduced motion", () => {
|
|
159
|
-
beforeEach(() => {
|
|
160
|
-
mockMatchMedia(false);
|
|
161
|
-
});
|
|
162
|
-
it("runs no animations", () => {
|
|
163
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "Sample Text" }));
|
|
164
|
-
expect(container.firstChild).not.toHaveClass("--should-animate");
|
|
165
|
-
});
|
|
166
|
-
});
|
|
167
|
-
describe("keyboard navigation", () => {
|
|
168
|
-
it("should open on Enter key", async () => {
|
|
169
|
-
const toggle = jest.fn();
|
|
170
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { onChange: toggle, children: "Sample text" }));
|
|
171
|
-
await user_event_1.default.tab();
|
|
172
|
-
await user_event_1.default.keyboard("[Enter]");
|
|
173
|
-
expect(toggle).toHaveBeenCalled();
|
|
174
|
-
});
|
|
175
|
-
it("should open on Space key", async () => {
|
|
176
|
-
const toggle = jest.fn();
|
|
177
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { onChange: toggle, children: "Sample text" }));
|
|
178
|
-
await user_event_1.default.tab();
|
|
179
|
-
await user_event_1.default.keyboard("[Space]");
|
|
180
|
-
expect(toggle).toHaveBeenCalled();
|
|
181
|
-
});
|
|
182
|
-
it("should not open on Tab key", async () => {
|
|
183
|
-
const toggle = jest.fn();
|
|
184
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { onChange: toggle, children: "Sample text" }));
|
|
185
|
-
await user_event_1.default.tab();
|
|
186
|
-
await user_event_1.default.tab();
|
|
187
|
-
expect(toggle).not.toHaveBeenCalled();
|
|
188
|
-
});
|
|
189
|
-
});
|
|
190
|
-
});
|
|
191
|
-
//# sourceMappingURL=Accordion.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.test.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Accordion";
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { Ref, RefAttributes, ReactNode } from "react";
|
|
2
|
-
import { DOMProps } from "../../types/dom";
|
|
3
|
-
import { ForwardedRefComponent } from "../../types/components";
|
|
4
|
-
export type AlertElementType = HTMLDivElement;
|
|
5
|
-
export interface AlertProps extends DOMProps, RefAttributes<AlertElementType> {
|
|
6
|
-
children?: ReactNode;
|
|
7
|
-
/** Custom class name for setting specific CSS */
|
|
8
|
-
className?: string;
|
|
9
|
-
elementType?: string | React.ElementType;
|
|
10
|
-
variant?: "info" | "success" | "warning" | "error";
|
|
11
|
-
show?: boolean;
|
|
12
|
-
header?: string;
|
|
13
|
-
}
|
|
14
|
-
export type AlertRef = Ref<AlertElementType>;
|
|
15
|
-
declare const Alert: ForwardedRefComponent<AlertProps, AlertElementType>;
|
|
16
|
-
export { Alert };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
-
import { Alert } from "./Alert";
|
|
3
|
-
type StoryType = StoryObj<typeof Alert>;
|
|
4
|
-
declare const meta: Meta<typeof Alert>;
|
|
5
|
-
export declare const Normal: StoryType;
|
|
6
|
-
export declare const WithHeader: StoryType;
|
|
7
|
-
export default meta;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.WithHeader = exports.Normal = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const Alert_1 = require("./Alert");
|
|
6
|
-
const meta = {
|
|
7
|
-
title: "Components/Alert",
|
|
8
|
-
component: Alert_1.Alert,
|
|
9
|
-
argTypes: {
|
|
10
|
-
variant: {
|
|
11
|
-
control: { type: "radio" },
|
|
12
|
-
options: ["info", "success", "warning", "error"],
|
|
13
|
-
},
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
exports.Normal = {
|
|
17
|
-
render: (args) => ((0, jsx_runtime_1.jsxs)(Alert_1.Alert, Object.assign({}, args, { children: ["Today is", " ", new Intl.DateTimeFormat("en-GB", {
|
|
18
|
-
dateStyle: "long",
|
|
19
|
-
}).format(new Date())] }))),
|
|
20
|
-
args: {
|
|
21
|
-
variant: "info",
|
|
22
|
-
show: true,
|
|
23
|
-
header: "",
|
|
24
|
-
},
|
|
25
|
-
};
|
|
26
|
-
exports.WithHeader = {
|
|
27
|
-
render: (args) => ((0, jsx_runtime_1.jsxs)(Alert_1.Alert, Object.assign({}, args, { children: ["Today is", " ", new Intl.DateTimeFormat("en-GB", {
|
|
28
|
-
dateStyle: "long",
|
|
29
|
-
}).format(new Date())] }))),
|
|
30
|
-
args: {
|
|
31
|
-
variant: "info",
|
|
32
|
-
show: true,
|
|
33
|
-
header: "Information",
|
|
34
|
-
},
|
|
35
|
-
};
|
|
36
|
-
exports.default = meta;
|
|
37
|
-
//# sourceMappingURL=Alert.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.stories.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.stories.tsx"],"names":[],"mappings":";;;;AACA,mCAA4C;AAI5C,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,aAAK;IAChB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;SACjD;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,CAC5B,wBAAC,aAAK,oBAAK,IAAI,2BACJ,GAAG,EACX,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;gBAChC,SAAS,EAAE,MAAM;aAClB,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,KACf,CACT;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,EAAE;KACX;CACF,CAAC;AAEW,QAAA,UAAU,GAAc;IACnC,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,CAC5B,wBAAC,aAAK,oBAAK,IAAI,2BACJ,GAAG,EACX,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;gBAChC,SAAS,EAAE,MAAM;aAClB,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,KACf,CACT;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,aAAa;KACtB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const react_1 = require("@testing-library/react");
|
|
5
|
-
const _1 = require(".");
|
|
6
|
-
describe("Alert", () => {
|
|
7
|
-
it("should render without errors", () => {
|
|
8
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Alert, { children: "Sample text" }));
|
|
9
|
-
expect(react_1.screen.getByText("Sample text")).toBeInTheDocument();
|
|
10
|
-
});
|
|
11
|
-
describe("given elementType", () => {
|
|
12
|
-
it("is not applied as element attribute", () => {
|
|
13
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Alert, { elementType: "ul", children: "Sample text" }));
|
|
14
|
-
expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
describe("given the show prop is set to false", () => {
|
|
18
|
-
it("should not render", () => {
|
|
19
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Alert, { show: false, children: "Sample text" }));
|
|
20
|
-
expect(container).toBeEmptyDOMElement();
|
|
21
|
-
});
|
|
22
|
-
});
|
|
23
|
-
it("uses correct class name for info variant", () => {
|
|
24
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Alert, { variant: "info", children: "Sample text" }));
|
|
25
|
-
expect(container.firstChild).toHaveClass("--info");
|
|
26
|
-
});
|
|
27
|
-
it("uses correct class name for success variant", () => {
|
|
28
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Alert, { variant: "success", children: "Sample text" }));
|
|
29
|
-
expect(container.firstChild).toHaveClass("--success");
|
|
30
|
-
});
|
|
31
|
-
it("uses correct class name for warning variant", () => {
|
|
32
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Alert, { variant: "warning", children: "Sample text" }));
|
|
33
|
-
expect(container.firstChild).toHaveClass("--warning");
|
|
34
|
-
});
|
|
35
|
-
it("uses correct class name for error variant", () => {
|
|
36
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Alert, { variant: "error", children: "Sample text" }));
|
|
37
|
-
expect(container.firstChild).toHaveClass("--error");
|
|
38
|
-
});
|
|
39
|
-
describe("when header is defined", () => {
|
|
40
|
-
it("displays the header", () => {
|
|
41
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Alert, { header: "Information", children: "Sample text" }));
|
|
42
|
-
expect(react_1.screen.getByText("Information")).toBeInTheDocument();
|
|
43
|
-
});
|
|
44
|
-
it("uses correct class name", () => {
|
|
45
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Alert, { header: "Information", children: "Sample text" }));
|
|
46
|
-
expect(container.firstChild).toHaveClass("--has-header");
|
|
47
|
-
});
|
|
48
|
-
});
|
|
49
|
-
});
|
|
50
|
-
//# sourceMappingURL=Alert.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.test.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Alert";
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { Ref, RefAttributes, ReactNode } from "react";
|
|
2
|
-
import { DOMProps } from "../../types/dom";
|
|
3
|
-
import { ForwardedRefComponent } from "../../types/components";
|
|
4
|
-
export type BoxElementType = HTMLDivElement;
|
|
5
|
-
export interface BoxProps extends DOMProps, RefAttributes<BoxElementType> {
|
|
6
|
-
children?: ReactNode;
|
|
7
|
-
/** Custom class name for setting specific CSS */
|
|
8
|
-
className?: string;
|
|
9
|
-
/** HTML element for the Box */
|
|
10
|
-
elementType?: "div" | "span";
|
|
11
|
-
style?: React.CSSProperties;
|
|
12
|
-
}
|
|
13
|
-
export type BoxRef = Ref<BoxElementType>;
|
|
14
|
-
declare const Box: ForwardedRefComponent<BoxProps, BoxElementType>;
|
|
15
|
-
export { Box };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
-
import { Box } from "./Box";
|
|
3
|
-
type StoryType = StoryObj<typeof Box>;
|
|
4
|
-
declare const meta: Meta<typeof Box>;
|
|
5
|
-
export declare const Normal: StoryType;
|
|
6
|
-
export declare const CustomElement: StoryType;
|
|
7
|
-
export default meta;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.CustomElement = exports.Normal = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const Box_1 = require("./Box");
|
|
6
|
-
const Button_1 = require("../Button");
|
|
7
|
-
const utils_1 = require("../../utils");
|
|
8
|
-
const meta = {
|
|
9
|
-
title: "Layout/Box",
|
|
10
|
-
component: Box_1.Box,
|
|
11
|
-
argTypes: (0, utils_1.excludeControls)("style"),
|
|
12
|
-
};
|
|
13
|
-
exports.Normal = {
|
|
14
|
-
render: (args) => ((0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(Button_1.Button, { children: "Click me" }) }))),
|
|
15
|
-
};
|
|
16
|
-
exports.CustomElement = {
|
|
17
|
-
render: (args) => (0, jsx_runtime_1.jsx)(Box_1.Box, Object.assign({}, args, { children: "This text is inside a span" })),
|
|
18
|
-
name: "Custom Element",
|
|
19
|
-
args: {
|
|
20
|
-
elementType: "span",
|
|
21
|
-
},
|
|
22
|
-
};
|
|
23
|
-
exports.default = meta;
|
|
24
|
-
//# sourceMappingURL=Box.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAsC;AACtC,sCAAmC;AACnC,uCAA8C;AAI9C,MAAM,IAAI,GAAqB;IAC7B,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,SAAG;IACd,QAAQ,EAAE,IAAA,uBAAe,EAAC,OAAO,CAAC;CACnC,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,CAC1B,uBAAC,SAAG,oBAAK,IAAI,cACX,uBAAC,eAAM,2BAAkB,IACrB,CACP;CACF,CAAC;AAEW,QAAA,aAAa,GAAc;IACtC,MAAM,EAAE,CAAC,IAAc,EAAE,EAAE,CAAC,uBAAC,SAAG,oBAAK,IAAI,8CAAkC;IAC3E,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE;QACJ,WAAW,EAAE,MAAM;KACpB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const react_1 = require("@testing-library/react");
|
|
5
|
-
const _1 = require(".");
|
|
6
|
-
const CLASS_NAME = "mobius/Box";
|
|
7
|
-
describe("Box", () => {
|
|
8
|
-
it("should render without errors", () => {
|
|
9
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Box, { children: "Sample text" }));
|
|
10
|
-
});
|
|
11
|
-
describe("given elementType", () => {
|
|
12
|
-
it("is not applied as element attribute", () => {
|
|
13
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Box, { elementType: "span" }));
|
|
14
|
-
expect(container.firstChild).not.toHaveAttribute("elementtype", "span");
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
describe("uses correct class names", () => {
|
|
18
|
-
it("uses mobius class", () => {
|
|
19
|
-
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Box, { children: "Sample text" }));
|
|
20
|
-
expect(container.firstChild).toHaveClass("mobius");
|
|
21
|
-
});
|
|
22
|
-
it("uses base Mobius class", () => {
|
|
23
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Box, { "data-testid": "test", children: "Sample text" }));
|
|
24
|
-
expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
25
|
-
});
|
|
26
|
-
it("includes custom class name", () => {
|
|
27
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Box, { className: "my-class", "data-testid": "test", children: "Sample Text" }));
|
|
28
|
-
expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
|
|
29
|
-
expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
30
|
-
});
|
|
31
|
-
});
|
|
32
|
-
});
|
|
33
|
-
//# sourceMappingURL=Box.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Box.test.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,wBAAwB;AAExB,MAAM,UAAU,GAAG,YAAY,CAAC;AAEhC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE;IACnB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,MAAG,8BAAkB,CAAC,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACjC,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,MAAG,IAAC,WAAW,EAAC,MAAM,GAAG,CAAC,CAAC;YACzD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,MAAG,8BAAkB,CAAC,CAAC;YACrD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,IAAA,cAAM,EAAC,uBAAC,MAAG,mBAAa,MAAM,4BAAkB,CAAC,CAAC;YAClD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,IAAA,cAAM,EACJ,uBAAC,MAAG,IAAC,SAAS,EAAC,UAAU,iBAAa,MAAM,4BAEtC,CACP,CAAC;YACF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Box";
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { Ref, ReactNode } from "react";
|
|
2
|
-
import { DOMProps } from "../../types/dom";
|
|
3
|
-
import { ForwardedRefComponent } from "../../types/components";
|
|
4
|
-
export type BreadcrumbItemElementType = HTMLLIElement;
|
|
5
|
-
export interface BreadcrumbItemProps extends DOMProps {
|
|
6
|
-
"aria-current"?: "page" | "step" | "location" | "date" | "time" | boolean | "true" | "false";
|
|
7
|
-
isDisabled?: boolean;
|
|
8
|
-
isCurrent?: boolean;
|
|
9
|
-
separator?: ReactNode;
|
|
10
|
-
className?: string;
|
|
11
|
-
children: ReactNode;
|
|
12
|
-
}
|
|
13
|
-
export type BreadcrumbItemRef = Ref<BreadcrumbItemElementType>;
|
|
14
|
-
declare const BreadcrumbItem: ForwardedRefComponent<BreadcrumbItemProps, BreadcrumbItemElementType>;
|
|
15
|
-
export { BreadcrumbItem };
|