@simplybusiness/mobius 3.9.2 → 3.9.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 +15 -0
- package/dist/cjs/components/Button/Button.stories.d.ts +4 -0
- package/dist/cjs/components/Button/Button.stories.js +18 -1
- package/dist/cjs/components/Button/Button.stories.js.map +1 -1
- package/dist/cjs/components/Segment/Segment.stories.d.ts +10 -0
- package/dist/cjs/components/Segment/Segment.stories.js +47 -1
- package/dist/cjs/components/Segment/Segment.stories.js.map +1 -1
- package/dist/cjs/components/Text/Text.stories.d.ts +5 -0
- package/dist/cjs/components/Text/Text.stories.js +9 -1
- package/dist/cjs/components/Text/Text.stories.js.map +1 -1
- package/dist/cjs/components/TextField/TextField.stories.d.ts +3 -0
- package/dist/cjs/components/TextField/TextField.stories.js +5 -1
- package/dist/cjs/components/TextField/TextField.stories.js.map +1 -1
- package/dist/cjs/tsconfig.tsbuildinfo +1 -1
- package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
- package/package.json +2 -1
- package/src/components/Accordion/Accordion.mdx +3 -4
- package/src/components/Alert/Alert.mdx +4 -8
- package/src/components/Box/Box.mdx +4 -8
- package/src/components/Breadcrumbs/Breadcrumbs.mdx +2 -2
- package/src/components/Button/Button.mdx +17 -79
- package/src/components/Button/Button.stories.tsx +27 -0
- package/src/components/Checkbox/Checkbox.mdx +9 -23
- package/src/components/Checkbox/CheckboxGroup.mdx +7 -17
- package/src/components/Chopin/Actions/Actions.mdx +3 -5
- package/src/components/Chopin/Footer/Footer.mdx +2 -2
- package/src/components/Chopin/Header/Header.mdx +2 -2
- package/src/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.mdx +3 -5
- package/src/components/Chopin/Question/Question.mdx +2 -2
- package/src/components/Chopin/QuestionGroup/QuestionGroup.mdx +2 -2
- package/src/components/Chopin/Section/Section.mdx +2 -2
- package/src/components/Chopin/Steps/Steps.mdx +2 -2
- package/src/components/Chopin/Testimonial/Testimonial.mdx +3 -5
- package/src/components/Chopin/TradeSelector/TradeSelector.mdx +2 -2
- package/src/components/Container/Container.mdx +3 -5
- package/src/components/DataTable/DataTable.mdx +7 -17
- package/src/components/DatePicker/DatePicker.mdx +2 -2
- package/src/components/Divider/Divider.mdx +3 -5
- package/src/components/DropdownMenu/DropdownMenu.mdx +4 -8
- package/src/components/ErrorMessage/ErrorMessage.mdx +3 -7
- package/src/components/Fieldset/Fieldset.mdx +4 -8
- package/src/components/Flex/Flex.mdx +2 -2
- package/src/components/Grid/Grid.mdx +35 -69
- package/src/components/Icon/Icon.mdx +2 -2
- package/src/components/Image/Image.mdx +3 -5
- package/src/components/Label/Label.mdx +3 -5
- package/src/components/Link/Link.mdx +4 -8
- package/src/components/LinkButton/LinkButton.mdx +3 -5
- package/src/components/List/List.mdx +2 -2
- package/src/components/LoadingIndicator/LoadingIndicator.mdx +2 -2
- package/src/components/MaskedField/MaskedField.mdx +3 -5
- package/src/components/Modal/Modal.mdx +2 -2
- package/src/components/NumberField/NumberField.mdx +25 -20
- package/src/components/PasswordField/PasswordField.mdx +3 -5
- package/src/components/Progress/Progress.mdx +6 -14
- package/src/components/Radio/Radio.mdx +9 -23
- package/src/components/Radio/RadioButton.mdx +10 -26
- package/src/components/SVG/SVG.mdx +2 -2
- package/src/components/Segment/Segment.mdx +31 -240
- package/src/components/Segment/Segment.stories.tsx +205 -2
- package/src/components/Select/Select.mdx +2 -2
- package/src/components/Slider/Slider.mdx +5 -13
- package/src/components/Table/Table.mdx +4 -8
- package/src/components/Text/Text.mdx +6 -114
- package/src/components/Text/Text.stories.tsx +102 -0
- package/src/components/TextArea/TextArea.mdx +8 -20
- package/src/components/TextField/TextField.mdx +10 -35
- package/src/components/TextField/TextField.stories.tsx +13 -0
- package/src/components/Title/Title.mdx +3 -5
- package/src/components/VisuallyHidden/VisuallyHidden.mdx +2 -4
- package/src/hooks/useBreakpoint/useBreakpoint.mdx +3 -7
- package/dist/esm/components/Accordion/Accordion.stories.js +0 -45
- package/dist/esm/components/Accordion/Accordion.stories.js.map +0 -1
- package/dist/esm/components/Accordion/Accordion.test.js +0 -65
- package/dist/esm/components/Accordion/Accordion.test.js.map +0 -1
- package/dist/esm/components/Alert/Alert.stories.js +0 -32
- package/dist/esm/components/Alert/Alert.stories.js.map +0 -1
- package/dist/esm/components/Alert/Alert.test.js +0 -48
- package/dist/esm/components/Alert/Alert.test.js.map +0 -1
- package/dist/esm/components/Box/Box.stories.js +0 -20
- package/dist/esm/components/Box/Box.stories.js.map +0 -1
- package/dist/esm/components/Box/Box.test.js +0 -31
- package/dist/esm/components/Box/Box.test.js.map +0 -1
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js +0 -17
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.stories.js.map +0 -1
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.test.js +0 -33
- package/dist/esm/components/Breadcrumbs/Breadcrumbs.test.js.map +0 -1
- package/dist/esm/components/Button/Button.stories.js +0 -198
- package/dist/esm/components/Button/Button.stories.js.map +0 -1
- package/dist/esm/components/Button/Button.test.js +0 -81
- package/dist/esm/components/Button/Button.test.js.map +0 -1
- package/dist/esm/components/Checkbox/Checkbox.stories.js +0 -98
- package/dist/esm/components/Checkbox/Checkbox.stories.js.map +0 -1
- package/dist/esm/components/Checkbox/Checkbox.test.js +0 -108
- package/dist/esm/components/Checkbox/Checkbox.test.js.map +0 -1
- package/dist/esm/components/Checkbox/CheckboxGroup.stories.js +0 -71
- package/dist/esm/components/Checkbox/CheckboxGroup.stories.js.map +0 -1
- package/dist/esm/components/Checkbox/CheckboxGroup.test.js +0 -44
- package/dist/esm/components/Checkbox/CheckboxGroup.test.js.map +0 -1
- package/dist/esm/components/Chopin/Actions/Actions.stories.js +0 -56
- package/dist/esm/components/Chopin/Actions/Actions.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Actions/Actions.test.js +0 -95
- package/dist/esm/components/Chopin/Actions/Actions.test.js.map +0 -1
- package/dist/esm/components/Chopin/Actions/LinkOrButton.test.js +0 -33
- package/dist/esm/components/Chopin/Actions/LinkOrButton.test.js.map +0 -1
- package/dist/esm/components/Chopin/Footer/Footer.stories.js +0 -166
- package/dist/esm/components/Chopin/Footer/Footer.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Footer/Footer.test.js +0 -90
- package/dist/esm/components/Chopin/Footer/Footer.test.js.map +0 -1
- package/dist/esm/components/Chopin/Header/Header.stories.js +0 -38
- package/dist/esm/components/Chopin/Header/Header.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Header/Header.test.js +0 -86
- package/dist/esm/components/Chopin/Header/Header.test.js.map +0 -1
- package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js +0 -43
- package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.stories.js.map +0 -1
- package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js +0 -108
- package/dist/esm/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.test.js.map +0 -1
- package/dist/esm/components/Chopin/Question/Question.stories.js +0 -136
- package/dist/esm/components/Chopin/Question/Question.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Question/Question.test.js +0 -116
- package/dist/esm/components/Chopin/Question/Question.test.js.map +0 -1
- package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js +0 -40
- package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.stories.js.map +0 -1
- package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js +0 -62
- package/dist/esm/components/Chopin/QuestionGroup/QuestionGroup.test.js.map +0 -1
- package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js +0 -41
- package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.test.js.map +0 -1
- package/dist/esm/components/Chopin/Section/Section.stories.js +0 -16
- package/dist/esm/components/Chopin/Section/Section.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Section/Section.test.js +0 -35
- package/dist/esm/components/Chopin/Section/Section.test.js.map +0 -1
- package/dist/esm/components/Chopin/Steps/Steps.stories.js +0 -12
- package/dist/esm/components/Chopin/Steps/Steps.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Steps/Steps.test.js +0 -93
- package/dist/esm/components/Chopin/Steps/Steps.test.js.map +0 -1
- package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js +0 -15
- package/dist/esm/components/Chopin/Testimonial/Testimonial.stories.js.map +0 -1
- package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js +0 -35
- package/dist/esm/components/Chopin/Testimonial/Testimonial.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/Listing/Listing.test.js +0 -26
- package/dist/esm/components/Chopin/TradeSelector/Listing/Listing.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/Listing/ListingItem.test.js +0 -37
- package/dist/esm/components/Chopin/TradeSelector/Listing/ListingItem.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js +0 -86
- package/dist/esm/components/Chopin/TradeSelector/SearchResults/SearchResults.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/TradeInput/TradeInput.test.js +0 -52
- package/dist/esm/components/Chopin/TradeSelector/TradeInput/TradeInput.test.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js +0 -52
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.stories.js.map +0 -1
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js +0 -226
- package/dist/esm/components/Chopin/TradeSelector/TradeSelector.test.js.map +0 -1
- package/dist/esm/components/Container/Container.stories.js +0 -12
- package/dist/esm/components/Container/Container.stories.js.map +0 -1
- package/dist/esm/components/Container/Container.test.js +0 -37
- package/dist/esm/components/Container/Container.test.js.map +0 -1
- package/dist/esm/components/DataTable/DataTable.stories.js +0 -174
- package/dist/esm/components/DataTable/DataTable.stories.js.map +0 -1
- package/dist/esm/components/DataTable/DataTable.test.js +0 -119
- package/dist/esm/components/DataTable/DataTable.test.js.map +0 -1
- package/dist/esm/components/DatePicker/DatePicker.stories.js +0 -25
- package/dist/esm/components/DatePicker/DatePicker.stories.js.map +0 -1
- package/dist/esm/components/Divider/Divider.stories.js +0 -12
- package/dist/esm/components/Divider/Divider.stories.js.map +0 -1
- package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js +0 -58
- package/dist/esm/components/DropdownMenu/DropdownMenu.stories.js.map +0 -1
- package/dist/esm/components/DropdownMenu/DropdownMenu.test.js +0 -95
- package/dist/esm/components/DropdownMenu/DropdownMenu.test.js.map +0 -1
- package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js +0 -21
- package/dist/esm/components/ErrorMessage/ErrorMessage.stories.js.map +0 -1
- package/dist/esm/components/ErrorMessage/ErrorMessage.test.js +0 -30
- package/dist/esm/components/ErrorMessage/ErrorMessage.test.js.map +0 -1
- package/dist/esm/components/Fieldset/Fieldset.stories.js +0 -22
- package/dist/esm/components/Fieldset/Fieldset.stories.js.map +0 -1
- package/dist/esm/components/Fieldset/Fieldset.test.js +0 -10
- package/dist/esm/components/Fieldset/Fieldset.test.js.map +0 -1
- package/dist/esm/components/Flex/Flex.stories.js +0 -148
- package/dist/esm/components/Flex/Flex.stories.js.map +0 -1
- package/dist/esm/components/Flex/Flex.test.js +0 -31
- package/dist/esm/components/Flex/Flex.test.js.map +0 -1
- package/dist/esm/components/Grid/Grid.stories.js +0 -227
- package/dist/esm/components/Grid/Grid.stories.js.map +0 -1
- package/dist/esm/components/Grid/Grid.test.js +0 -95
- package/dist/esm/components/Grid/Grid.test.js.map +0 -1
- package/dist/esm/components/Icon/Icon.stories.js +0 -43
- package/dist/esm/components/Icon/Icon.stories.js.map +0 -1
- package/dist/esm/components/Icon/Icon.test.js +0 -52
- package/dist/esm/components/Icon/Icon.test.js.map +0 -1
- package/dist/esm/components/Image/Image.stories.js +0 -17
- package/dist/esm/components/Image/Image.stories.js.map +0 -1
- package/dist/esm/components/Image/Image.test.js +0 -37
- package/dist/esm/components/Image/Image.test.js.map +0 -1
- package/dist/esm/components/Label/Label.stories.js +0 -15
- package/dist/esm/components/Label/Label.stories.js.map +0 -1
- package/dist/esm/components/Label/Label.test.js +0 -35
- package/dist/esm/components/Label/Label.test.js.map +0 -1
- package/dist/esm/components/Link/Link.stories.js +0 -41
- package/dist/esm/components/Link/Link.stories.js.map +0 -1
- package/dist/esm/components/Link/Link.test.js +0 -65
- package/dist/esm/components/Link/Link.test.js.map +0 -1
- package/dist/esm/components/LinkButton/LinkButton.stories.js +0 -42
- package/dist/esm/components/LinkButton/LinkButton.stories.js.map +0 -1
- package/dist/esm/components/LinkButton/LinkButton.test.js +0 -62
- package/dist/esm/components/LinkButton/LinkButton.test.js.map +0 -1
- package/dist/esm/components/List/List.stories.js +0 -77
- package/dist/esm/components/List/List.stories.js.map +0 -1
- package/dist/esm/components/List/List.test.js +0 -93
- package/dist/esm/components/List/List.test.js.map +0 -1
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js +0 -50
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.stories.js.map +0 -1
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js +0 -27
- package/dist/esm/components/LoadingIndicator/LoadingIndicator.test.js.map +0 -1
- package/dist/esm/components/MaskedField/MaskedField.stories.js +0 -22
- package/dist/esm/components/MaskedField/MaskedField.stories.js.map +0 -1
- package/dist/esm/components/MaskedField/MaskedField.test.js +0 -64
- package/dist/esm/components/MaskedField/MaskedField.test.js.map +0 -1
- package/dist/esm/components/Modal/Modal.stories.js +0 -79
- package/dist/esm/components/Modal/Modal.stories.js.map +0 -1
- package/dist/esm/components/Modal/Modal.test.js +0 -135
- package/dist/esm/components/Modal/Modal.test.js.map +0 -1
- package/dist/esm/components/NumberField/NumberField.stories.js +0 -103
- package/dist/esm/components/NumberField/NumberField.stories.js.map +0 -1
- package/dist/esm/components/NumberField/NumberField.test.js +0 -81
- package/dist/esm/components/NumberField/NumberField.test.js.map +0 -1
- package/dist/esm/components/PasswordField/PasswordField.stories.js +0 -31
- package/dist/esm/components/PasswordField/PasswordField.stories.js.map +0 -1
- package/dist/esm/components/PasswordField/PasswordField.test.js +0 -29
- package/dist/esm/components/PasswordField/PasswordField.test.js.map +0 -1
- package/dist/esm/components/Progress/Progress.stories.js +0 -89
- package/dist/esm/components/Progress/Progress.stories.js.map +0 -1
- package/dist/esm/components/Progress/Progress.test.js +0 -32
- package/dist/esm/components/Progress/Progress.test.js.map +0 -1
- package/dist/esm/components/Radio/Radio.stories.js +0 -118
- package/dist/esm/components/Radio/Radio.stories.js.map +0 -1
- package/dist/esm/components/Radio/Radio.test.js +0 -139
- package/dist/esm/components/Radio/Radio.test.js.map +0 -1
- package/dist/esm/components/Radio/RadioButton.stories.js +0 -88
- package/dist/esm/components/Radio/RadioButton.stories.js.map +0 -1
- package/dist/esm/components/Radio/RadioButton.test.js +0 -118
- package/dist/esm/components/Radio/RadioButton.test.js.map +0 -1
- package/dist/esm/components/SVG/SVG.stories.js +0 -19
- package/dist/esm/components/SVG/SVG.stories.js.map +0 -1
- package/dist/esm/components/SVG/SVG.test.js +0 -26
- package/dist/esm/components/SVG/SVG.test.js.map +0 -1
- package/dist/esm/components/Segment/Segment.stories.js +0 -75
- package/dist/esm/components/Segment/Segment.stories.js.map +0 -1
- package/dist/esm/components/Select/Select.stories.js +0 -79
- package/dist/esm/components/Select/Select.stories.js.map +0 -1
- package/dist/esm/components/Select/Select.test.js +0 -94
- package/dist/esm/components/Select/Select.test.js.map +0 -1
- package/dist/esm/components/Slider/Slider.stories.js +0 -63
- package/dist/esm/components/Slider/Slider.stories.js.map +0 -1
- package/dist/esm/components/Slider/Slider.test.js +0 -58
- package/dist/esm/components/Slider/Slider.test.js.map +0 -1
- package/dist/esm/components/Table/Table.stories.js +0 -15
- package/dist/esm/components/Table/Table.stories.js.map +0 -1
- package/dist/esm/components/Table/Table.test.js +0 -73
- package/dist/esm/components/Table/Table.test.js.map +0 -1
- package/dist/esm/components/Text/Text.stories.js +0 -26
- package/dist/esm/components/Text/Text.stories.js.map +0 -1
- package/dist/esm/components/Text/Text.test.js +0 -31
- package/dist/esm/components/Text/Text.test.js.map +0 -1
- package/dist/esm/components/TextArea/TextArea.stories.js +0 -80
- package/dist/esm/components/TextArea/TextArea.stories.js.map +0 -1
- package/dist/esm/components/TextArea/TextArea.test.js +0 -84
- package/dist/esm/components/TextArea/TextArea.test.js.map +0 -1
- package/dist/esm/components/TextAreaInput/TextAreaInput.test.js +0 -42
- package/dist/esm/components/TextAreaInput/TextAreaInput.test.js.map +0 -1
- package/dist/esm/components/TextField/TextField.stories.js +0 -100
- package/dist/esm/components/TextField/TextField.stories.js.map +0 -1
- package/dist/esm/components/TextField/TextField.test.js +0 -123
- package/dist/esm/components/TextField/TextField.test.js.map +0 -1
- package/dist/esm/components/Title/Title.stories.js +0 -16
- package/dist/esm/components/Title/Title.stories.js.map +0 -1
- package/dist/esm/components/Title/Title.test.js +0 -20
- package/dist/esm/components/Title/Title.test.js.map +0 -1
- package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js +0 -12
- package/dist/esm/components/VisuallyHidden/VisuallyHidden.stories.js.map +0 -1
- package/dist/esm/contexts/ThemeContext/ThemeContext.test.js +0 -10
- package/dist/esm/contexts/ThemeContext/ThemeContext.test.js.map +0 -1
- package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js +0 -40
- package/dist/esm/hooks/useBreakpoint/useBreakpoint.stories.js.map +0 -1
- package/dist/esm/hooks/useBreakpoint/useBreakpoint.test.js +0 -242
- package/dist/esm/hooks/useBreakpoint/useBreakpoint.test.js.map +0 -1
- package/dist/esm/hooks/useButton/useButton.test.js +0 -141
- package/dist/esm/hooks/useButton/useButton.test.js.map +0 -1
|
@@ -1,227 +0,0 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import { Grid } from ".";
|
|
14
|
-
import { Box } from "../Box";
|
|
15
|
-
import { Flex } from "../Flex";
|
|
16
|
-
import { ThemeContext } from "../../contexts";
|
|
17
|
-
import { excludeControls } from "../../utils/excludeControls";
|
|
18
|
-
const sizeOptions = [
|
|
19
|
-
"",
|
|
20
|
-
"size-0",
|
|
21
|
-
"size-10",
|
|
22
|
-
"size-20",
|
|
23
|
-
"size-30",
|
|
24
|
-
"size-40",
|
|
25
|
-
"size-50",
|
|
26
|
-
"size-60",
|
|
27
|
-
"size-70",
|
|
28
|
-
"size-80",
|
|
29
|
-
"size-90",
|
|
30
|
-
"size-100",
|
|
31
|
-
];
|
|
32
|
-
const breakpoints = [
|
|
33
|
-
{ size: "xs", value: 320 },
|
|
34
|
-
{ size: "sm", value: 480 },
|
|
35
|
-
{ size: "md", value: 670 },
|
|
36
|
-
{ size: "lg", value: 960 },
|
|
37
|
-
{ size: "xl", value: 1200 },
|
|
38
|
-
{ size: "xxl", value: 1320 },
|
|
39
|
-
];
|
|
40
|
-
const setBreakpoints = () => { };
|
|
41
|
-
const Card = (_a) => {
|
|
42
|
-
var { children } = _a, props = __rest(_a, ["children"]);
|
|
43
|
-
return (_jsx(Box, Object.assign({ style: {
|
|
44
|
-
borderRadius: "4px",
|
|
45
|
-
padding: "8px",
|
|
46
|
-
backgroundColor: "#dddddd",
|
|
47
|
-
width: "80%",
|
|
48
|
-
} }, props, { children: children })));
|
|
49
|
-
};
|
|
50
|
-
const Square = (_a) => {
|
|
51
|
-
var { children } = _a, props = __rest(_a, ["children"]);
|
|
52
|
-
return (_jsx(Flex, Object.assign({ alignItems: "center", justifyContent: "center", style: { height: "100%" } }, props, { children: children })));
|
|
53
|
-
};
|
|
54
|
-
const AlignSquare = (_a) => {
|
|
55
|
-
var { children } = _a, props = __rest(_a, ["children"]);
|
|
56
|
-
return (_jsx(Box, Object.assign({ style: {} }, props, { children: children })));
|
|
57
|
-
};
|
|
58
|
-
export default {
|
|
59
|
-
title: "Layout/Grid",
|
|
60
|
-
component: Grid,
|
|
61
|
-
argTypes: Object.assign({ columns: {
|
|
62
|
-
control: { type: "number" },
|
|
63
|
-
}, gap: {
|
|
64
|
-
control: { type: "select" },
|
|
65
|
-
options: [...sizeOptions],
|
|
66
|
-
}, rowGap: {
|
|
67
|
-
control: { type: "select" },
|
|
68
|
-
options: [...sizeOptions],
|
|
69
|
-
if: {
|
|
70
|
-
arg: "gap",
|
|
71
|
-
truthy: false,
|
|
72
|
-
},
|
|
73
|
-
}, columnGap: {
|
|
74
|
-
control: { type: "select" },
|
|
75
|
-
options: [...sizeOptions],
|
|
76
|
-
if: {
|
|
77
|
-
arg: "gap",
|
|
78
|
-
truthy: false,
|
|
79
|
-
},
|
|
80
|
-
}, alignContent: {
|
|
81
|
-
control: { type: "select" },
|
|
82
|
-
options: [
|
|
83
|
-
"",
|
|
84
|
-
"center",
|
|
85
|
-
"space-around",
|
|
86
|
-
"space-between",
|
|
87
|
-
"space-evenly",
|
|
88
|
-
"stretch",
|
|
89
|
-
],
|
|
90
|
-
}, justifyContent: {
|
|
91
|
-
control: { type: "select" },
|
|
92
|
-
options: [
|
|
93
|
-
"",
|
|
94
|
-
"center",
|
|
95
|
-
"start",
|
|
96
|
-
"end",
|
|
97
|
-
"space-around",
|
|
98
|
-
"space-between",
|
|
99
|
-
"space-evenly",
|
|
100
|
-
],
|
|
101
|
-
}, alignItems: {
|
|
102
|
-
control: { type: "select" },
|
|
103
|
-
options: ["", "center", "start", "end", "stretch", "baseline"],
|
|
104
|
-
}, justifyItems: {
|
|
105
|
-
control: { type: "select" },
|
|
106
|
-
options: ["", "start", "end", "center", "stretch"],
|
|
107
|
-
} }, excludeControls("className")),
|
|
108
|
-
decorators: [
|
|
109
|
-
Story => {
|
|
110
|
-
// eslint-disable-next-line global-require
|
|
111
|
-
require("./Grid.story.styles.css");
|
|
112
|
-
return _jsx(Story, {});
|
|
113
|
-
},
|
|
114
|
-
],
|
|
115
|
-
};
|
|
116
|
-
export const AlignmentProperties = {
|
|
117
|
-
render: (args) => (_jsxs(Grid, Object.assign({}, args, { children: [_jsx(Grid.Item, Object.assign({ className: "grid-example-grid-alignment-item", span: 4 }, { children: _jsx(Square, { children: "1" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-grid-alignment-item", span: 4 }, { children: _jsx(Square, { children: "2" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-grid-alignment-item", span: 4 }, { children: _jsx(Square, { children: "3" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-grid-alignment-item", span: 4 }, { children: _jsx(Square, { children: "4" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-grid-alignment-item", span: 4 }, { children: _jsx(Square, { children: "5" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-grid-alignment-item", span: 4 }, { children: _jsx(Square, { children: "6" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-grid-alignment-item", span: 4 }, { children: _jsx(Square, { children: "7" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-grid-alignment-item", span: 4 }, { children: _jsx(Square, { children: "8" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-grid-alignment-item", span: 4 }, { children: _jsx(Square, { children: "9" }) }))] }))),
|
|
118
|
-
args: {
|
|
119
|
-
columns: 12,
|
|
120
|
-
gap: "size-20",
|
|
121
|
-
rowGap: "",
|
|
122
|
-
columnGap: "",
|
|
123
|
-
alignItems: "stretch",
|
|
124
|
-
justifyItems: "stretch",
|
|
125
|
-
className: "grid-example-fixed-size-grid",
|
|
126
|
-
},
|
|
127
|
-
};
|
|
128
|
-
export const Normal = {
|
|
129
|
-
render: (args) => (_jsxs(Grid, Object.assign({}, args, { children: [_jsx(Grid.Item, Object.assign({ span: 12 }, { children: _jsx(Card, { children: "span=12" }) })), _jsx(Grid.Item, Object.assign({ span: 11 }, { children: _jsx(Card, { children: "span=11" }) })), _jsx(Grid.Item, Object.assign({ span: 1 }, { children: _jsx(Card, { children: "span=1" }) })), _jsx(Grid.Item, Object.assign({ span: 10 }, { children: _jsx(Card, { children: "span=10" }) })), _jsx(Grid.Item, Object.assign({ span: 2 }, { children: _jsx(Card, { children: "span=2" }) })), _jsx(Grid.Item, Object.assign({ span: 9 }, { children: _jsx(Card, { children: "span=9" }) })), _jsx(Grid.Item, Object.assign({ span: 3 }, { children: _jsx(Card, { children: "span=3" }) })), _jsx(Grid.Item, Object.assign({ span: 8 }, { children: _jsx(Card, { children: "span=8" }) })), _jsx(Grid.Item, Object.assign({ span: 4 }, { children: _jsx(Card, { children: "span=4" }) })), _jsx(Grid.Item, Object.assign({ span: 7 }, { children: _jsx(Card, { children: "span=7" }) })), _jsx(Grid.Item, Object.assign({ span: 5 }, { children: _jsx(Card, { children: "span=5" }) })), _jsx(Grid.Item, Object.assign({ span: 6 }, { children: _jsx(Card, { children: "span=6" }) })), _jsx(Grid.Item, Object.assign({ span: 6 }, { children: _jsx(Card, { children: "span=6" }) }))] }))),
|
|
130
|
-
args: {
|
|
131
|
-
columns: 12,
|
|
132
|
-
gap: "size-20",
|
|
133
|
-
rowGap: "",
|
|
134
|
-
columnGap: "",
|
|
135
|
-
alignItems: "stretch",
|
|
136
|
-
justifyItems: "stretch",
|
|
137
|
-
},
|
|
138
|
-
};
|
|
139
|
-
export const EightColumns = {
|
|
140
|
-
render: (args) => (_jsx(Grid, Object.assign({}, args, { children: [...new Array(8)].map((_, k) => (
|
|
141
|
-
// eslint-disable-next-line react/no-array-index-key
|
|
142
|
-
_jsx(Card, { children: "span=1" }, k))) }))),
|
|
143
|
-
args: {
|
|
144
|
-
columns: 8,
|
|
145
|
-
gap: "size-20",
|
|
146
|
-
alignItems: "stretch",
|
|
147
|
-
justifyItems: "stretch",
|
|
148
|
-
className: "grid-example-eight-columns",
|
|
149
|
-
},
|
|
150
|
-
};
|
|
151
|
-
const breakpointControl = {
|
|
152
|
-
control: {
|
|
153
|
-
type: "number",
|
|
154
|
-
min: 0,
|
|
155
|
-
max: 12,
|
|
156
|
-
step: 1,
|
|
157
|
-
},
|
|
158
|
-
};
|
|
159
|
-
export const Responsive = {
|
|
160
|
-
render: (args) => {
|
|
161
|
-
const breakpointArgs = ["xs", "sm", "md", "lg", "xl", "xxl"];
|
|
162
|
-
const allArgs = Object.entries(args)
|
|
163
|
-
.filter(([breakpoint]) => breakpointArgs.includes(breakpoint))
|
|
164
|
-
.map(([breakpoint, value]) => `${breakpoint}=${value}`)
|
|
165
|
-
.join(" ");
|
|
166
|
-
return (_jsxs(Grid, Object.assign({ gap: "size-20", alignItems: "stretch", justifyItems: "stretch" }, { children: [_jsx(Grid.Item, Object.assign({}, args, { children: _jsx(Card, { children: allArgs }) })), _jsx(Grid.Item, Object.assign({ lg: 4 }, { children: _jsx(Card, { children: "lg=4" }) })), _jsx(Grid.Item, Object.assign({ xs: 5 }, { children: _jsx(Card, { children: "xs=5" }) })), _jsx(Grid.Item, Object.assign({ span: 5 }, { children: _jsx(Card, { children: "span=5" }) }))] })));
|
|
167
|
-
},
|
|
168
|
-
args: {
|
|
169
|
-
xs: 12,
|
|
170
|
-
sm: 6,
|
|
171
|
-
md: 2,
|
|
172
|
-
lg: 8,
|
|
173
|
-
xl: 12,
|
|
174
|
-
xxl: 4,
|
|
175
|
-
},
|
|
176
|
-
parameters: {
|
|
177
|
-
controls: {
|
|
178
|
-
exclude: ["columns"],
|
|
179
|
-
},
|
|
180
|
-
},
|
|
181
|
-
argTypes: {
|
|
182
|
-
xs: breakpointControl,
|
|
183
|
-
sm: breakpointControl,
|
|
184
|
-
md: breakpointControl,
|
|
185
|
-
lg: breakpointControl,
|
|
186
|
-
xl: breakpointControl,
|
|
187
|
-
xxl: breakpointControl,
|
|
188
|
-
},
|
|
189
|
-
decorators: [
|
|
190
|
-
Story => (_jsx(ThemeContext.Provider, Object.assign({ value: {
|
|
191
|
-
breakpoints,
|
|
192
|
-
setBreakpoints,
|
|
193
|
-
} }, { children: _jsx(Story, {}) }))),
|
|
194
|
-
],
|
|
195
|
-
};
|
|
196
|
-
export const ItemPositioning = {
|
|
197
|
-
render: (args) => (_jsxs(Grid, Object.assign({ columns: 12, gap: "size-20", alignItems: "stretch", justifyItems: "stretch", className: "grid-example-fixed-size-grid" }, { children: [_jsx(Grid.Item, Object.assign({ className: "grid-example-align-square-item", span: 4 }, args, { children: _jsx(AlignSquare, { children: "1" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-align-square-item", span: 4 }, { children: _jsx(AlignSquare, { children: "2" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-align-square-item", span: 4 }, { children: _jsx(AlignSquare, { children: "3" }) })), _jsx(Grid.Item, Object.assign({ className: "grid-example-align-square-item", span: 4 }, { children: _jsx(AlignSquare, { children: "4" }) }))] }))),
|
|
198
|
-
args: {
|
|
199
|
-
alignSelf: "center",
|
|
200
|
-
justifySelf: "end",
|
|
201
|
-
},
|
|
202
|
-
argTypes: {
|
|
203
|
-
alignSelf: {
|
|
204
|
-
control: { type: "select" },
|
|
205
|
-
options: ["", "center", "start", "end", "stretch"],
|
|
206
|
-
},
|
|
207
|
-
justifySelf: {
|
|
208
|
-
control: { type: "select" },
|
|
209
|
-
options: ["", "center", "start", "end", "stretch"],
|
|
210
|
-
},
|
|
211
|
-
},
|
|
212
|
-
parameters: {
|
|
213
|
-
controls: {
|
|
214
|
-
exclude: [
|
|
215
|
-
"columns",
|
|
216
|
-
"gap",
|
|
217
|
-
"rowGap",
|
|
218
|
-
"columnGap",
|
|
219
|
-
"alignContent",
|
|
220
|
-
"justifyContent",
|
|
221
|
-
"alignItems",
|
|
222
|
-
"justifyItems",
|
|
223
|
-
],
|
|
224
|
-
},
|
|
225
|
-
},
|
|
226
|
-
};
|
|
227
|
-
//# sourceMappingURL=Grid.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.stories.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { render, screen } from "@testing-library/react";
|
|
3
|
-
import { Grid } from ".";
|
|
4
|
-
import { getBreakpointMap, DEFAULT_SPAN } from "./Item";
|
|
5
|
-
describe("Test for Grid", () => {
|
|
6
|
-
it("should render without errors", () => {
|
|
7
|
-
const component = render(_jsxs(Grid, { children: [_jsx(Grid.Item, Object.assign({ span: 11 }, { children: "span=11" })), _jsx(Grid.Item, Object.assign({ span: 1 }, { children: "span=1" }))] }));
|
|
8
|
-
expect(component).toBeTruthy();
|
|
9
|
-
});
|
|
10
|
-
describe("given the span prop is an array", () => {
|
|
11
|
-
it("should render default as fallback", () => {
|
|
12
|
-
const span = [1, 2, 3];
|
|
13
|
-
const { container } = render(_jsx(Grid, { children: _jsxs(Grid.Item, Object.assign({ span: span }, { children: ["span=", DEFAULT_SPAN] })) }));
|
|
14
|
-
expect(container).toBeTruthy();
|
|
15
|
-
expect(screen.getByText(`span=${DEFAULT_SPAN}`)).toHaveStyle(`grid-column: span ${DEFAULT_SPAN};`);
|
|
16
|
-
});
|
|
17
|
-
});
|
|
18
|
-
describe("given the span prop is a custom number", () => {
|
|
19
|
-
it("should render using the custom value", () => {
|
|
20
|
-
const span = 5;
|
|
21
|
-
const { container } = render(_jsx(Grid, { children: _jsxs(Grid.Item, Object.assign({ span: span }, { children: ["span=", span] })) }));
|
|
22
|
-
expect(container).toBeTruthy();
|
|
23
|
-
expect(screen.getByText(`span=${span}`)).toHaveStyle(`grid-column: span ${span};`);
|
|
24
|
-
});
|
|
25
|
-
});
|
|
26
|
-
});
|
|
27
|
-
describe("getBreakpointMap", () => {
|
|
28
|
-
describe("given only the smallest breakpoint is provided", () => {
|
|
29
|
-
it("returns the smallest breakpoint repeated across the map", () => {
|
|
30
|
-
const config = {
|
|
31
|
-
xs: 6,
|
|
32
|
-
sm: undefined,
|
|
33
|
-
md: undefined,
|
|
34
|
-
lg: undefined,
|
|
35
|
-
xl: undefined,
|
|
36
|
-
xxl: undefined,
|
|
37
|
-
};
|
|
38
|
-
const breakpointMap = getBreakpointMap(config);
|
|
39
|
-
const expected = {
|
|
40
|
-
xs: 6,
|
|
41
|
-
sm: 6,
|
|
42
|
-
md: 6,
|
|
43
|
-
lg: 6,
|
|
44
|
-
xl: 6,
|
|
45
|
-
xxl: 6,
|
|
46
|
-
};
|
|
47
|
-
expect(breakpointMap).toEqual(expected);
|
|
48
|
-
});
|
|
49
|
-
});
|
|
50
|
-
describe("given only a single breakpoint is provided", () => {
|
|
51
|
-
it("returns the breakpoint, which is then repeated across the higher breakpoints", () => {
|
|
52
|
-
const config = {
|
|
53
|
-
xs: undefined,
|
|
54
|
-
sm: undefined,
|
|
55
|
-
md: undefined,
|
|
56
|
-
lg: 9,
|
|
57
|
-
xl: undefined,
|
|
58
|
-
xxl: undefined,
|
|
59
|
-
};
|
|
60
|
-
const breakpointMap = getBreakpointMap(config);
|
|
61
|
-
const expected = {
|
|
62
|
-
xs: undefined,
|
|
63
|
-
sm: undefined,
|
|
64
|
-
md: undefined,
|
|
65
|
-
lg: 9,
|
|
66
|
-
xl: 9,
|
|
67
|
-
xxl: 9,
|
|
68
|
-
};
|
|
69
|
-
expect(breakpointMap).toEqual(expected);
|
|
70
|
-
});
|
|
71
|
-
});
|
|
72
|
-
describe("given only the largest breakpoint is provided", () => {
|
|
73
|
-
it("returns the largest breakpoint", () => {
|
|
74
|
-
const config = {
|
|
75
|
-
xs: undefined,
|
|
76
|
-
sm: undefined,
|
|
77
|
-
md: undefined,
|
|
78
|
-
lg: undefined,
|
|
79
|
-
xl: undefined,
|
|
80
|
-
xxl: 2,
|
|
81
|
-
};
|
|
82
|
-
const breakpointMap = getBreakpointMap(config);
|
|
83
|
-
const expected = {
|
|
84
|
-
xs: undefined,
|
|
85
|
-
sm: undefined,
|
|
86
|
-
md: undefined,
|
|
87
|
-
lg: undefined,
|
|
88
|
-
xl: undefined,
|
|
89
|
-
xxl: 2,
|
|
90
|
-
};
|
|
91
|
-
expect(breakpointMap).toEqual(expected);
|
|
92
|
-
});
|
|
93
|
-
});
|
|
94
|
-
});
|
|
95
|
-
//# sourceMappingURL=Grid.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.test.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Icon } from "./Icon";
|
|
3
|
-
import { excludeControls } from "../../utils/excludeControls";
|
|
4
|
-
export default {
|
|
5
|
-
title: "Components/Icon",
|
|
6
|
-
component: Icon,
|
|
7
|
-
argTypes: Object.assign({ name: {
|
|
8
|
-
options: [
|
|
9
|
-
"menu",
|
|
10
|
-
"rightArrow",
|
|
11
|
-
"leftArrow",
|
|
12
|
-
"dropdown",
|
|
13
|
-
"home",
|
|
14
|
-
"star",
|
|
15
|
-
"youtube",
|
|
16
|
-
"error",
|
|
17
|
-
"search",
|
|
18
|
-
"user",
|
|
19
|
-
"chevronDown",
|
|
20
|
-
"loading",
|
|
21
|
-
],
|
|
22
|
-
control: { type: "radio" },
|
|
23
|
-
}, spin: {
|
|
24
|
-
if: {
|
|
25
|
-
arg: "name",
|
|
26
|
-
eq: "loading",
|
|
27
|
-
},
|
|
28
|
-
} }, excludeControls("className", "icon")),
|
|
29
|
-
};
|
|
30
|
-
export const Normal = {
|
|
31
|
-
render: (args) => _jsx(Icon, Object.assign({}, args)),
|
|
32
|
-
args: {
|
|
33
|
-
name: "chevronDown",
|
|
34
|
-
},
|
|
35
|
-
};
|
|
36
|
-
export const Spinning = {
|
|
37
|
-
render: (args) => _jsx(Icon, Object.assign({}, args)),
|
|
38
|
-
args: {
|
|
39
|
-
spin: true,
|
|
40
|
-
name: "loading",
|
|
41
|
-
},
|
|
42
|
-
};
|
|
43
|
-
//# sourceMappingURL=Icon.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IACf,QAAQ,kBACN,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,MAAM;gBACN,YAAY;gBACZ,WAAW;gBACX,UAAU;gBACV,MAAM;gBACN,MAAM;gBACN,SAAS;gBACT,OAAO;gBACP,QAAQ;gBACR,MAAM;gBACN,aAAa;gBACb,SAAS;aACV;YACD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B,EACD,IAAI,EAAE;YACJ,EAAE,EAAE;gBACF,GAAG,EAAE,MAAM;gBACX,EAAE,EAAE,SAAS;aACd;SACF,IACE,eAAe,CAAC,WAAW,EAAE,MAAM,CAAC,CACxC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAsB;IACvC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,KAAC,IAAI,oBAAK,IAAI,EAAI;IAC/C,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa;KACpB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAsB;IACzC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,KAAC,IAAI,oBAAK,IAAI,EAAI;IAC/C,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,SAAS;KAChB;CACF,CAAC"}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { render, screen, waitFor } from "@testing-library/react";
|
|
3
|
-
import { chevronLeft } from "@simplybusiness/icons";
|
|
4
|
-
import { Icon } from ".";
|
|
5
|
-
const CLASS_NAME = "mobius/Icon";
|
|
6
|
-
describe("Test for Icon", () => {
|
|
7
|
-
describe("given an icon is an object", () => {
|
|
8
|
-
it("renders an icon", () => {
|
|
9
|
-
const component = render(_jsx(Icon, { icon: chevronLeft }));
|
|
10
|
-
expect(component).toBeTruthy();
|
|
11
|
-
});
|
|
12
|
-
describe("uses correct class names", () => {
|
|
13
|
-
it("uses Mobius class", () => {
|
|
14
|
-
render(_jsx(Icon, { icon: chevronLeft, "data-testid": "test" }));
|
|
15
|
-
expect(screen.getByTestId("test")).toHaveClass("mobius");
|
|
16
|
-
});
|
|
17
|
-
it("uses base Mobius class", () => {
|
|
18
|
-
render(_jsx(Icon, { icon: chevronLeft, "data-testid": "test" }));
|
|
19
|
-
expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
20
|
-
});
|
|
21
|
-
it("includes custom class name", () => {
|
|
22
|
-
render(_jsx(Icon, { icon: chevronLeft, "data-testid": "test", className: "my-class" }));
|
|
23
|
-
expect(screen.getByTestId("test")).toHaveClass("my-class");
|
|
24
|
-
expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
25
|
-
});
|
|
26
|
-
});
|
|
27
|
-
});
|
|
28
|
-
describe("given an icon is a string", () => {
|
|
29
|
-
it("renders an icon", async () => {
|
|
30
|
-
const component = render(_jsx(Icon, { name: "chevronLeft" }));
|
|
31
|
-
await waitFor(() => expect(component).toBeTruthy());
|
|
32
|
-
});
|
|
33
|
-
describe("uses correct class names", () => {
|
|
34
|
-
it("uses Mobius class", async () => {
|
|
35
|
-
render(_jsx(Icon, { name: "chevronLeft", "data-testid": "test" }));
|
|
36
|
-
await waitFor(() => expect(screen.getByTestId("test")).toHaveClass("mobius"));
|
|
37
|
-
});
|
|
38
|
-
it("uses base Mobius class", async () => {
|
|
39
|
-
render(_jsx(Icon, { name: "chevronLeft", "data-testid": "test" }));
|
|
40
|
-
await waitFor(() => expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME));
|
|
41
|
-
});
|
|
42
|
-
it("includes custom class name", async () => {
|
|
43
|
-
render(_jsx(Icon, { name: "chevronLeft", "data-testid": "test", className: "my-class" }));
|
|
44
|
-
await waitFor(() => {
|
|
45
|
-
expect(screen.getByTestId("test")).toHaveClass("my-class");
|
|
46
|
-
expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
47
|
-
});
|
|
48
|
-
});
|
|
49
|
-
});
|
|
50
|
-
});
|
|
51
|
-
});
|
|
52
|
-
//# sourceMappingURL=Icon.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.test.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Image } from "./Image";
|
|
3
|
-
import { excludeControls } from "../../utils/excludeControls";
|
|
4
|
-
const testImg = "data:image/png;base64,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";
|
|
5
|
-
export default {
|
|
6
|
-
title: "Components/Image",
|
|
7
|
-
component: Image,
|
|
8
|
-
argTypes: excludeControls("elementType", "className"),
|
|
9
|
-
};
|
|
10
|
-
export const Normal = {
|
|
11
|
-
render: (args) => _jsx(Image, Object.assign({}, args)),
|
|
12
|
-
args: {
|
|
13
|
-
src: testImg,
|
|
14
|
-
alt: "test image",
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=Image.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Image.stories.js","sourceRoot":"","sources":["../../../../src/components/Image/Image.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,MAAM,OAAO,GACX,whFAAwhF,CAAC;AAE3hF,eAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,eAAe,CAAC,aAAa,EAAE,WAAW,CAAC;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAuB;IACxC,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,KAAC,KAAK,oBAAK,IAAI,EAAI;IACjD,IAAI,EAAE;QACJ,GAAG,EAAE,OAAO;QACZ,GAAG,EAAE,YAAY;KAClB;CACF,CAAC"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { render, screen } from "@testing-library/react";
|
|
3
|
-
import { Image } from ".";
|
|
4
|
-
const CLASS_NAME = "mobius/Image";
|
|
5
|
-
const defaultProps = {
|
|
6
|
-
src: "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==",
|
|
7
|
-
alt: "Test image",
|
|
8
|
-
"data-testid": "test",
|
|
9
|
-
};
|
|
10
|
-
describe("Test for Image", () => {
|
|
11
|
-
it("should render without errors", () => {
|
|
12
|
-
const component = render(_jsx(Image, Object.assign({}, defaultProps)));
|
|
13
|
-
expect(component).toBeTruthy();
|
|
14
|
-
});
|
|
15
|
-
describe("given elementType", () => {
|
|
16
|
-
it("is not applied as element attribute", () => {
|
|
17
|
-
const { container } = render(_jsx(Image, Object.assign({}, defaultProps, { elementType: "ul" })));
|
|
18
|
-
expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
|
|
19
|
-
});
|
|
20
|
-
});
|
|
21
|
-
describe("uses correct class names", () => {
|
|
22
|
-
it("uses Mobius class", () => {
|
|
23
|
-
render(_jsx(Image, Object.assign({}, defaultProps)));
|
|
24
|
-
expect(screen.getByTestId("test")).toHaveClass("mobius");
|
|
25
|
-
});
|
|
26
|
-
it("uses base Mobius class", () => {
|
|
27
|
-
render(_jsx(Image, Object.assign({}, defaultProps)));
|
|
28
|
-
expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
29
|
-
});
|
|
30
|
-
it("includes custom class name", () => {
|
|
31
|
-
render(_jsx(Image, Object.assign({}, defaultProps, { className: "my-class" })));
|
|
32
|
-
expect(screen.getByTestId("test")).toHaveClass("my-class");
|
|
33
|
-
expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
34
|
-
});
|
|
35
|
-
});
|
|
36
|
-
});
|
|
37
|
-
//# sourceMappingURL=Image.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Image.test.js","sourceRoot":"","sources":["../../../../src/components/Image/Image.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAE1B,MAAM,UAAU,GAAG,cAAc,CAAC;AAElC,MAAM,YAAY,GAAG;IACnB,GAAG,EAAE,oFAAoF;IACzF,GAAG,EAAE,YAAY;IACjB,aAAa,EAAE,MAAM;CACtB,CAAC;AAEF,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAC,KAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;QACtD,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,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,MAAM,CAC1B,KAAC,KAAK,oBAAK,YAAY,IAAE,WAAW,EAAC,IAAI,IAAG,CAC7C,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,MAAM,CAAC,KAAC,KAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;YACpC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,MAAM,CAAC,KAAC,KAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;YACpC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,MAAM,CAAC,KAAC,KAAK,oBAAK,YAAY,IAAE,SAAS,EAAC,UAAU,IAAG,CAAC,CAAC;YACzD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,CAAC,MAAM,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,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Label } from "./Label";
|
|
3
|
-
import { excludeControls } from "../../utils/excludeControls";
|
|
4
|
-
export default {
|
|
5
|
-
title: "Forms/Label",
|
|
6
|
-
component: Label,
|
|
7
|
-
argTypes: excludeControls("className", "elementType"),
|
|
8
|
-
};
|
|
9
|
-
export const Normal = {
|
|
10
|
-
render: (args) => _jsx(Label, Object.assign({}, args)),
|
|
11
|
-
args: {
|
|
12
|
-
children: "Example label",
|
|
13
|
-
},
|
|
14
|
-
};
|
|
15
|
-
//# sourceMappingURL=Label.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Label.stories.js","sourceRoot":"","sources":["../../../../src/components/Label/Label.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,eAAe,CAAC,WAAW,EAAE,aAAa,CAAC;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAuB;IACxC,MAAM,EAAE,CAAC,IAAgB,EAAE,EAAE,CAAC,KAAC,KAAK,oBAAK,IAAI,EAAI;IACjD,IAAI,EAAE;QACJ,QAAQ,EAAE,eAAe;KAC1B;CACF,CAAC"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { render, screen } from "@testing-library/react";
|
|
3
|
-
import { Label } from ".";
|
|
4
|
-
const CLASS_NAME = "mobius/Label";
|
|
5
|
-
describe("Test for Label", () => {
|
|
6
|
-
it("should render without errors", () => {
|
|
7
|
-
render(_jsx(Label, { children: "Test label" }));
|
|
8
|
-
});
|
|
9
|
-
it("should support label HTML props", () => {
|
|
10
|
-
render(_jsx(Label, Object.assign({ htmlFor: "some-id", "data-testid": "test" }, { children: "Test label" })));
|
|
11
|
-
expect(screen.getByTestId("test")).toHaveAttribute("for");
|
|
12
|
-
});
|
|
13
|
-
describe("given elementType", () => {
|
|
14
|
-
it("is not applied as element attribute", () => {
|
|
15
|
-
const { container } = render(_jsx(Label, { "data-testid": "test", elementType: "span" }));
|
|
16
|
-
expect(container.firstChild).not.toHaveAttribute("elementtype", "span");
|
|
17
|
-
});
|
|
18
|
-
});
|
|
19
|
-
describe("uses correct class names", () => {
|
|
20
|
-
it("uses Mobius class", () => {
|
|
21
|
-
render(_jsx(Label, Object.assign({ "data-testid": "test" }, { children: "Sample text" })));
|
|
22
|
-
expect(screen.getByTestId("test")).toHaveClass("mobius");
|
|
23
|
-
});
|
|
24
|
-
it("uses base Mobius class", () => {
|
|
25
|
-
render(_jsx(Label, Object.assign({ "data-testid": "test" }, { children: "Sample text" })));
|
|
26
|
-
expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
27
|
-
});
|
|
28
|
-
it("includes custom class name", () => {
|
|
29
|
-
render(_jsx(Label, Object.assign({ className: "my-class", "data-testid": "test" }, { children: "Sample Text" })));
|
|
30
|
-
expect(screen.getByTestId("test")).toHaveClass("my-class");
|
|
31
|
-
expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
32
|
-
});
|
|
33
|
-
});
|
|
34
|
-
});
|
|
35
|
-
//# sourceMappingURL=Label.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Label.test.js","sourceRoot":"","sources":["../../../../src/components/Label/Label.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAE1B,MAAM,UAAU,GAAG,cAAc,CAAC;AAElC,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,KAAC,KAAK,6BAAmB,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,CACJ,KAAC,KAAK,kBAAC,OAAO,EAAC,SAAS,iBAAa,MAAM,gCAEnC,CACT,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;QACjC,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,KAAK,mBAAa,MAAM,EAAC,WAAW,EAAC,MAAM,GAAG,CAChD,CAAC;YACF,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,CAAC,KAAC,KAAK,iCAAa,MAAM,iCAAoB,CAAC,CAAC;YACtD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,MAAM,CAAC,KAAC,KAAK,iCAAa,MAAM,iCAAoB,CAAC,CAAC;YACtD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,MAAM,CACJ,KAAC,KAAK,kBAAC,SAAS,EAAC,UAAU,iBAAa,MAAM,iCAEtC,CACT,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,CAAC,MAAM,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,41 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Link } from "./Link";
|
|
3
|
-
import { excludeControls } from "../../utils/excludeControls";
|
|
4
|
-
export default {
|
|
5
|
-
title: "Components/Link",
|
|
6
|
-
component: Link,
|
|
7
|
-
argTypes: Object.assign({ target: {
|
|
8
|
-
options: ["_self", "_blank", "_parent", "_top"],
|
|
9
|
-
control: { type: "select" },
|
|
10
|
-
}, to: {
|
|
11
|
-
control: { type: "text" },
|
|
12
|
-
}, title: {
|
|
13
|
-
control: { type: "text" },
|
|
14
|
-
}, download: {
|
|
15
|
-
control: { type: "boolean" },
|
|
16
|
-
}, rel: {
|
|
17
|
-
options: ["noopener noreferrer", "canonical", "nofollow"],
|
|
18
|
-
control: { type: "select" },
|
|
19
|
-
} }, excludeControls("className", "elementType", "style", "onClick")),
|
|
20
|
-
};
|
|
21
|
-
export const Normal = {
|
|
22
|
-
render: (args) => _jsx(Link, Object.assign({}, args, { children: "Link text" })),
|
|
23
|
-
args: {
|
|
24
|
-
href: "https://www.google.com",
|
|
25
|
-
isDisabled: false,
|
|
26
|
-
download: false,
|
|
27
|
-
to: "",
|
|
28
|
-
title: "",
|
|
29
|
-
},
|
|
30
|
-
};
|
|
31
|
-
export const Disabled = {
|
|
32
|
-
render: (args) => _jsx(Link, Object.assign({}, args, { children: "Link text" })),
|
|
33
|
-
args: {
|
|
34
|
-
href: "https://www.google.com",
|
|
35
|
-
isDisabled: true,
|
|
36
|
-
download: false,
|
|
37
|
-
to: "",
|
|
38
|
-
title: "",
|
|
39
|
-
},
|
|
40
|
-
};
|
|
41
|
-
//# sourceMappingURL=Link.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Link.stories.js","sourceRoot":"","sources":["../../../../src/components/Link/Link.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IACf,QAAQ,kBACN,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC;YAC/C,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,EACD,EAAE,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B,EACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;SAC7B,EACD,GAAG,EAAE;YACH,OAAO,EAAE,CAAC,qBAAqB,EAAE,WAAW,EAAE,UAAU,CAAC;YACzD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B,IACE,eAAe,CAAC,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,CAAC,CACnE;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAsB;IACvC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,KAAC,IAAI,oBAAK,IAAI,6BAAkB;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,wBAAwB;QAC9B,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,KAAK;QACf,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,EAAE;KACV;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAsB;IACzC,MAAM,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,KAAC,IAAI,oBAAK,IAAI,6BAAkB;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,wBAAwB;QAC9B,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,KAAK;QACf,EAAE,EAAE,EAAE;QACN,KAAK,EAAE,EAAE;KACV;CACF,CAAC"}
|