@simplybusiness/mobius 3.1.1 → 3.1.3
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 +26 -2
- package/dist/cjs/components/Accordion/Accordion.d.ts +2 -2
- package/dist/cjs/components/Alert/Alert.d.ts +2 -2
- package/dist/cjs/components/Box/Box.d.ts +2 -2
- package/dist/cjs/components/Breadcrumbs/BreadcrumbItem.d.ts +2 -2
- package/dist/cjs/components/Breadcrumbs/Breadcrumbs.d.ts +2 -2
- package/dist/cjs/components/Button/Button.d.ts +4 -4
- package/dist/cjs/components/Checkbox/Checkbox.test.js +9 -3
- package/dist/cjs/components/Checkbox/Checkbox.test.js.map +1 -1
- package/dist/cjs/components/Checkbox/CheckboxItem.js +3 -1
- package/dist/cjs/components/Checkbox/CheckboxItem.js.map +1 -1
- package/dist/cjs/components/Checkbox/types.d.ts +4 -4
- package/dist/cjs/components/Chopin/Actions/Actions.d.ts +2 -2
- package/dist/cjs/components/Chopin/Footer/types.d.ts +1 -1
- package/dist/cjs/components/Chopin/Header/mockOpeningHoursData.d.ts +1 -1
- package/dist/cjs/components/Chopin/PercentageTotalsQuestion/PercentageItem.d.ts +1 -1
- package/dist/cjs/components/Chopin/PercentageTotalsQuestion/PercentageTotalsQuestion.d.ts +1 -1
- package/dist/cjs/components/Chopin/Question/Question.d.ts +2 -1
- package/dist/cjs/components/Chopin/Question/Question.js +2 -2
- package/dist/cjs/components/Chopin/Question/Question.js.map +1 -1
- package/dist/cjs/components/Chopin/Question/Question.test.js +22 -0
- package/dist/cjs/components/Chopin/Question/Question.test.js.map +1 -1
- package/dist/cjs/components/Chopin/QuestionGroup/QuestionGroup.d.ts +2 -2
- package/dist/cjs/components/Chopin/QuestionHelp/QuestionHelp.d.ts +2 -1
- package/dist/cjs/components/Chopin/QuestionHelp/QuestionHelp.js +4 -3
- package/dist/cjs/components/Chopin/QuestionHelp/QuestionHelp.js.map +1 -1
- package/dist/cjs/components/Chopin/Section/Section.d.ts +2 -2
- package/dist/cjs/components/Chopin/Steps/StepItem.d.ts +2 -2
- package/dist/cjs/components/Chopin/Steps/Steps.d.ts +2 -2
- package/dist/cjs/components/Chopin/Testimonial/Testimonial.d.ts +2 -2
- package/dist/cjs/components/Chopin/TradeSelector/ListBox/ListBox.d.ts +1 -1
- package/dist/cjs/components/Chopin/TradeSelector/ListBox/Option.d.ts +1 -1
- package/dist/cjs/components/Chopin/TradeSelector/Popover/Popover.d.ts +1 -1
- package/dist/cjs/components/Chopin/TradeSelector/SearchResults/SearchResults.d.ts +1 -1
- package/dist/cjs/components/Chopin/TradeSelector/SelectedTrade/SelectedTrade.d.ts +1 -1
- package/dist/cjs/components/Chopin/TradeSelector/TradeSelector.d.ts +2 -2
- package/dist/cjs/components/Chopin/TradeSelector/getItemsToDisplay/getItemsToDisplay.d.ts +1 -1
- package/dist/cjs/components/Chopin/TradeSelector/types.d.ts +5 -5
- package/dist/cjs/components/Container/Container.d.ts +2 -2
- package/dist/cjs/components/DataTable/FlexLayout.d.ts +1 -1
- package/dist/cjs/components/DataTable/SortIcon.d.ts +1 -1
- package/dist/cjs/components/DataTable/types.d.ts +5 -5
- package/dist/cjs/components/DatePicker/CalendarButton.d.ts +2 -2
- package/dist/cjs/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/cjs/components/DropdownMenu/DropdownMenu.d.ts +2 -2
- package/dist/cjs/components/DropdownMenu/Item.d.ts +2 -2
- package/dist/cjs/components/Fieldset/Fieldset.d.ts +3 -3
- package/dist/cjs/components/Flex/Flex.d.ts +2 -2
- package/dist/cjs/components/Grid/Grid.d.ts +2 -2
- package/dist/cjs/components/Grid/Item.d.ts +2 -2
- package/dist/cjs/components/Icon/types.d.ts +1 -1
- package/dist/cjs/components/Image/Image.d.ts +2 -2
- package/dist/cjs/components/Label/Label.d.ts +3 -3
- package/dist/cjs/components/Link/Link.d.ts +2 -2
- package/dist/cjs/components/List/List.d.ts +3 -3
- package/dist/cjs/components/List/ListItem.d.ts +2 -2
- package/dist/cjs/components/LoadingIndicator/LoadingIndicator.d.ts +1 -1
- package/dist/cjs/components/Modal/Content.d.ts +2 -2
- package/dist/cjs/components/Modal/Header.d.ts +2 -2
- package/dist/cjs/components/Modal/Modal.d.ts +1 -1
- package/dist/cjs/components/NumberField/NumberField.d.ts +2 -2
- package/dist/cjs/components/Option/Option.d.ts +1 -1
- package/dist/cjs/components/PasswordField/PasswordField.d.ts +1 -1
- package/dist/cjs/components/Progress/Progress.d.ts +2 -2
- package/dist/cjs/components/Radio/Radio.d.ts +2 -2
- package/dist/cjs/components/Radio/RadioButton.d.ts +2 -2
- package/dist/cjs/components/Radio/RadioGroup.d.ts +2 -2
- package/dist/cjs/components/SVG/SVG.d.ts +1 -1
- package/dist/cjs/components/Select/Select.d.ts +2 -2
- package/dist/cjs/components/Table/Body.d.ts +1 -1
- package/dist/cjs/components/Table/Cell.d.ts +1 -1
- package/dist/cjs/components/Table/Foot.d.ts +1 -1
- package/dist/cjs/components/Table/Head.d.ts +1 -1
- package/dist/cjs/components/Table/HeaderCell.d.ts +1 -1
- package/dist/cjs/components/Table/Row.d.ts +1 -1
- package/dist/cjs/components/Table/Table.d.ts +2 -2
- package/dist/cjs/components/Text/Text.d.ts +4 -4
- package/dist/cjs/components/TextArea/TextArea.d.ts +2 -2
- package/dist/cjs/components/TextAreaInput/TextAreaInput.d.ts +2 -2
- package/dist/cjs/components/TextField/TextField.d.ts +2 -2
- package/dist/cjs/components/Title/Title.d.ts +2 -2
- package/dist/cjs/contexts/ThemeContext/ThemeContext.d.ts +2 -2
- package/dist/cjs/hooks/useBreakpoint/useBreakpoint.d.ts +1 -1
- package/dist/cjs/types/components.d.ts +1 -1
- package/dist/cjs/types/icon.d.ts +1 -1
- package/dist/cjs/types/size.d.ts +1 -1
- package/dist/esm/components/Checkbox/Checkbox.test.js +10 -4
- package/dist/esm/components/Checkbox/Checkbox.test.js.map +1 -1
- package/dist/esm/components/Checkbox/CheckboxItem.js +3 -1
- package/dist/esm/components/Checkbox/CheckboxItem.js.map +1 -1
- package/dist/esm/components/Chopin/Question/Question.js +2 -2
- package/dist/esm/components/Chopin/Question/Question.js.map +1 -1
- package/dist/esm/components/Chopin/Question/Question.test.js +22 -0
- package/dist/esm/components/Chopin/Question/Question.test.js.map +1 -1
- package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.js +4 -3
- package/dist/esm/components/Chopin/QuestionHelp/QuestionHelp.js.map +1 -1
- package/dist/mobius.d.ts +3 -2
- package/package.json +1 -1
- package/src/components/Checkbox/Checkbox.story.mdx +25 -0
- package/src/components/Checkbox/Checkbox.test.tsx +15 -5
- package/src/components/Checkbox/CheckboxGroup.story.mdx +36 -0
- package/src/components/Checkbox/CheckboxItem.tsx +2 -0
- package/src/components/Chopin/Question/Question.story.mdx +128 -2
- package/src/components/Chopin/Question/Question.test.tsx +46 -0
- package/src/components/Chopin/Question/Question.tsx +7 -1
- package/src/components/Chopin/QuestionHelp/QuestionHelp.tsx +5 -2
- package/src/components/DatePicker/DatePicker.tsx +1 -1
- package/src/components/Radio/Radio.story.mdx +34 -0
- package/src/components/Radio/RadioButton.story.mdx +32 -0
package/CHANGELOG.md
CHANGED
|
@@ -5,13 +5,35 @@ All notable changes to this project will be documented in this file, or link in
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
## [3.1.3] - 2022-12-19
|
|
9
|
+
|
|
10
|
+
### Fixed
|
|
11
|
+
|
|
12
|
+
- Prevent `isSelected` prop from being applied as DOM attribute on `<Checkbox>`
|
|
13
|
+
|
|
14
|
+
### Added
|
|
15
|
+
|
|
16
|
+
- Added docs for controlling state of individual and group `<Checkbox>`, `<Radio>`, `<RadioButton>` components
|
|
17
|
+
|
|
18
|
+
## [3.1.2] - 2022-12-14
|
|
19
|
+
|
|
20
|
+
### Added
|
|
21
|
+
|
|
22
|
+
- Added default spacing between `<Question>` components
|
|
23
|
+
- Added `closeHelpOnOutsideClick` to `<Question>` to make closing of help text on outside click behaviour optional.
|
|
24
|
+
|
|
25
|
+
### Changed
|
|
26
|
+
|
|
27
|
+
- Changed default `<Question>` width to take up 100% of container width
|
|
28
|
+
- Changed default `<Question>` help text styles to always display inline. This is to match current behaviour in Chopin.
|
|
29
|
+
|
|
8
30
|
## [3.1.1] - 2022-11-30
|
|
9
31
|
|
|
10
|
-
|
|
32
|
+
### Added
|
|
11
33
|
|
|
12
34
|
- Make `<DatePicker>` component available
|
|
13
35
|
|
|
14
|
-
|
|
36
|
+
### Changed
|
|
15
37
|
|
|
16
38
|
- Render `<Question>` label as `<span>` when no child components provided. This is to accommodate for `renderAs: "info"` in Chopin-next
|
|
17
39
|
|
|
@@ -99,6 +121,8 @@ Additionally, mobius and themes are available on the public NPM registry and can
|
|
|
99
121
|
|
|
100
122
|
## Github Links
|
|
101
123
|
|
|
124
|
+
[3.1.3]: https://github.com/simplybusiness/mobius/releases/tag/v3.1.3
|
|
125
|
+
[3.1.2]: https://github.com/simplybusiness/mobius/releases/tag/v3.1.2
|
|
102
126
|
[3.1.1]: https://github.com/simplybusiness/mobius/releases/tag/v3.1.1
|
|
103
127
|
[3.1.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.1.0
|
|
104
128
|
[3.0.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.0.0
|
|
@@ -8,8 +8,8 @@ export interface AccordionLinkProps extends DOMProps {
|
|
|
8
8
|
onClick?: (event: React.SyntheticEvent) => void;
|
|
9
9
|
toggle: () => void;
|
|
10
10
|
}
|
|
11
|
-
export
|
|
12
|
-
export
|
|
11
|
+
export type AccordionElementType = HTMLDivElement;
|
|
12
|
+
export type AccordionRef = Ref<AccordionElementType>;
|
|
13
13
|
export interface AccordionProps extends DOMProps, RefAttributes<AccordionElementType> {
|
|
14
14
|
/** Custom class name for setting specific CSS */
|
|
15
15
|
className?: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Ref, RefAttributes, ReactNode } from "react";
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ForwardedRefComponent } from "../../types/components";
|
|
4
|
-
export
|
|
4
|
+
export type AlertElementType = HTMLDivElement;
|
|
5
5
|
export interface AlertProps extends DOMProps, RefAttributes<AlertElementType> {
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
/** Custom class name for setting specific CSS */
|
|
@@ -11,6 +11,6 @@ export interface AlertProps extends DOMProps, RefAttributes<AlertElementType> {
|
|
|
11
11
|
show?: boolean;
|
|
12
12
|
header?: string;
|
|
13
13
|
}
|
|
14
|
-
export
|
|
14
|
+
export type AlertRef = Ref<AlertElementType>;
|
|
15
15
|
declare const Alert: ForwardedRefComponent<AlertProps, AlertElementType>;
|
|
16
16
|
export { Alert };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Ref, RefAttributes, ReactNode } from "react";
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ForwardedRefComponent } from "../../types/components";
|
|
4
|
-
export
|
|
4
|
+
export type BoxElementType = HTMLDivElement;
|
|
5
5
|
export interface BoxProps extends DOMProps, RefAttributes<BoxElementType> {
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
/** Custom class name for setting specific CSS */
|
|
@@ -10,6 +10,6 @@ export interface BoxProps extends DOMProps, RefAttributes<BoxElementType> {
|
|
|
10
10
|
elementType?: "div" | "span";
|
|
11
11
|
style?: React.CSSProperties;
|
|
12
12
|
}
|
|
13
|
-
export
|
|
13
|
+
export type BoxRef = Ref<BoxElementType>;
|
|
14
14
|
declare const Box: ForwardedRefComponent<BoxProps, BoxElementType>;
|
|
15
15
|
export { Box };
|
|
@@ -2,12 +2,12 @@ import { Ref, ReactNode, RefAttributes } from "react";
|
|
|
2
2
|
import { AriaBreadcrumbItemProps } from "@react-types/breadcrumbs";
|
|
3
3
|
import { DOMProps } from "@react-types/shared";
|
|
4
4
|
import { ForwardedRefComponent } from "../../types/components";
|
|
5
|
-
export
|
|
5
|
+
export type BreadcrumbItemElementType = HTMLLIElement;
|
|
6
6
|
export interface BreadcrumbItemProps extends DOMProps, AriaBreadcrumbItemProps, RefAttributes<BreadcrumbItemElementType> {
|
|
7
7
|
isCurrent?: boolean;
|
|
8
8
|
separator?: ReactNode;
|
|
9
9
|
className?: string;
|
|
10
10
|
}
|
|
11
|
-
export
|
|
11
|
+
export type BreadcrumbItemRef = Ref<BreadcrumbItemElementType>;
|
|
12
12
|
declare const BreadcrumbItem: ForwardedRefComponent<BreadcrumbItemProps, BreadcrumbItemElementType>;
|
|
13
13
|
export { BreadcrumbItem };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { Ref, RefAttributes, ReactNode } from "react";
|
|
2
2
|
import { AriaBreadcrumbsProps } from "@react-types/breadcrumbs";
|
|
3
3
|
import { ForwardedRefComponent } from "../../types/components";
|
|
4
|
-
export
|
|
4
|
+
export type BreadcrumbsElementType = HTMLUListElement;
|
|
5
5
|
export interface BreadcrumbsProps extends AriaBreadcrumbsProps, RefAttributes<BreadcrumbsElementType> {
|
|
6
6
|
/** Custom class name for setting specific CSS */
|
|
7
7
|
className?: string;
|
|
8
8
|
children?: ReactNode;
|
|
9
9
|
}
|
|
10
|
-
export
|
|
10
|
+
export type BreadcrumbsRef = Ref<BreadcrumbsElementType>;
|
|
11
11
|
declare const Breadcrumbs: ForwardedRefComponent<BreadcrumbsProps, BreadcrumbsElementType>;
|
|
12
12
|
export { Breadcrumbs };
|
|
@@ -3,9 +3,9 @@ import type { AriaButtonProps } from "@react-types/button";
|
|
|
3
3
|
import { DOMProps } from "@react-types/shared";
|
|
4
4
|
import type { IconName } from "@simplybusiness/icons";
|
|
5
5
|
import { ForwardedRefComponent } from "../../types/components";
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
6
|
+
export type ButtonElementType = HTMLButtonElement;
|
|
7
|
+
export type Variant = "primary" | "secondary" | "ghost" | "inverse" | "inverse-ghost" | "basic";
|
|
8
|
+
export type Size = "small" | "medium" | "large";
|
|
9
9
|
export interface ButtonProps extends Omit<AriaButtonProps<"button" | "a" | "span">, "aria-haspopup" | "aria-expanded">, DOMProps, RefAttributes<ButtonElementType> {
|
|
10
10
|
/** Custom class name for setting specific CSS */
|
|
11
11
|
className?: string;
|
|
@@ -21,6 +21,6 @@ export interface ButtonProps extends Omit<AriaButtonProps<"button" | "a" | "span
|
|
|
21
21
|
iconPosition?: "left" | "right";
|
|
22
22
|
children?: ReactNode;
|
|
23
23
|
}
|
|
24
|
-
export
|
|
24
|
+
export type ButtonRef = Ref<ButtonElementType>;
|
|
25
25
|
declare const Button: ForwardedRefComponent<ButtonProps, ButtonElementType>;
|
|
26
26
|
export { Button };
|
|
@@ -39,9 +39,15 @@ describe.each([
|
|
|
39
39
|
const { getByLabelText } = (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "I agree", name: "agree", errorMessage: "Required" }));
|
|
40
40
|
expect(getByLabelText("I agree")).toHaveAccessibleDescription("Required");
|
|
41
41
|
});
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
42
|
+
describe("isSelected", () => {
|
|
43
|
+
beforeAll(() => {
|
|
44
|
+
jest.spyOn(console, "error").mockImplementationOnce(() => { });
|
|
45
|
+
});
|
|
46
|
+
it("should not pass the prop as a DOM attribute", () => {
|
|
47
|
+
(0, react_2.render)((0, jsx_runtime_1.jsxs)(Container, Object.assign({}, containerProps, { children: [(0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "I agree", name: "agree", value: "test", isSelected: true }), ","] })));
|
|
48
|
+
// eslint-disable-next-line
|
|
49
|
+
expect(console.error).not.toHaveBeenCalled();
|
|
50
|
+
});
|
|
45
51
|
});
|
|
46
52
|
describe("isRequired", () => {
|
|
47
53
|
it("should set aria-required to true", () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.test.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.test.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAwC;AACxC,kDAAmE;AACnE,6EAAoD;AACpD,wCAAyC;AACzC,wBAA4C;AAE5C,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;AAC7C,MAAM,gBAAgB,GAAG,sBAAsB,CAAC;AAEhD,MAAM,CAAC,MAAM,CAAC,eAAQ,CAAC,CAAC;AAExB,QAAQ,CAAC,IAAI,CAAC;IACZ,CAAC,kBAAkB,EAAE,gBAAa,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAChE,CAAC,oBAAoB,EAAE,gBAAQ,EAAE,EAAE,CAAC;CACrC,CAAC,CAAC,IAAI,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE;IACnD,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACrC,MAAM,SAAS,GAAG,IAAA,cAAM,EACtB,uBAAC,SAAS,oBAAK,cAAc,cAC3B,uBAAC,WAAQ,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,OAAO,GAAG,IACjC,CACb,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC3B,MAAM,SAAS,GAAG,IAAA,cAAM,EACtB,uBAAC,SAAS,oBAAK,cAAc,cAC3B,uBAAC,WAAQ,IAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAC,OAAO,GAAG,IACrD,CACb,CAAC;QACF,iBAAS,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,OAAO,CAAE,CAAC,CAAC;QAC7D,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC3B,IAAA,cAAM,EACJ,uBAAC,SAAS,oBAAK,cAAc,cAC3B,uBAAC,WAAQ,IAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAC,OAAO,GAAG,IACrD,CACb,CAAC;QACF,MAAM,oBAAS,CAAC,GAAG,EAAE,CAAC;QACtB,MAAM,oBAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACpC,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAE5C,MAAM,oBAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;QACpC,MAAM,CAAC,QAAQ,CAAC,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;QAC3D,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,cAAM,EAC/B,uBAAC,WAAQ,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,YAAY,EAAC,UAAU,GAAG,CAClE,CAAC;QACF,MAAM,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,2BAA2B,CAAC,UAAU,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"Checkbox.test.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,7 +33,9 @@ const CheckboxItem = (0, react_1.forwardRef)((props, ref) => {
|
|
|
33
33
|
const inputId = (0, utils_1.useId)();
|
|
34
34
|
const { id, isDisabled, isRequired, isIndeterminate, onChange, validationState, errorMessage,
|
|
35
35
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
36
|
-
defaultSelected
|
|
36
|
+
defaultSelected,
|
|
37
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
38
|
+
isSelected } = props, rest = __rest(props, ["id", "isDisabled", "isRequired", "isIndeterminate", "onChange", "validationState", "errorMessage", "defaultSelected", "isSelected"]);
|
|
37
39
|
const { inputProps } = (0, checkbox_1.useCheckbox)(Object.assign(Object.assign({}, props), { onChange,
|
|
38
40
|
validationState, children: props.label }), state, refObj);
|
|
39
41
|
const { isFocusVisible, focusProps } = (0, focus_1.useFocusRing)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxItem.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/CheckboxItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAA2C;AAC3C,mDAAmD;AACnD,6CAAiD;AACjD,kDAAuD;AACvD,2DAAoD;AACpD,gDAAwB;AACxB,6CAAqD;AACrD,kDAA+C;AAG/C,uEAAoE;AACpE,sDAAmD;AAEnD,MAAM,YAAY,GAChB,IAAA,kBAAU,EAAC,CAAC,KAAoB,EAAE,GAAgB,EAAE,EAAE;IACpD,MAAM,KAAK,GAAG,IAAA,uBAAc,EAAC,KAAK,CAAC,CAAC;IACpC,MAAM,WAAW,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IACnD,MAAM,MAAM,GAAG,GAAG,IAAI,WAAW,CAAC;IAClC,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IAExB,MAAM,EACJ,EAAE,EACF,UAAU,EACV,UAAU,EACV,eAAe,EACf,QAAQ,EACR,eAAe,EACf,YAAY;IACZ,6DAA6D;IAC7D,eAAe,
|
|
1
|
+
{"version":3,"file":"CheckboxItem.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/CheckboxItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,14 +2,14 @@ import { AriaCheckboxProps } from "@react-types/checkbox";
|
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ReactNode, Ref, RefAttributes } from "react";
|
|
4
4
|
import type { AriaCheckboxGroupProps, CheckboxGroupProps as CheckboxGroupPropsType } from "@react-types/checkbox";
|
|
5
|
-
export
|
|
6
|
-
export
|
|
5
|
+
export type CheckboxElementType = HTMLInputElement;
|
|
6
|
+
export type CheckboxRef = Ref<CheckboxElementType>;
|
|
7
7
|
export interface CheckboxProps extends DOMProps, AriaCheckboxProps, RefAttributes<CheckboxElementType> {
|
|
8
8
|
label?: string;
|
|
9
9
|
className?: string;
|
|
10
10
|
errorMessage?: string;
|
|
11
11
|
}
|
|
12
|
-
export
|
|
12
|
+
export type CheckboxGroupElementType = HTMLDivElement;
|
|
13
13
|
export interface CheckboxGroupProps extends DOMProps, CheckboxGroupPropsType, AriaCheckboxGroupProps, RefAttributes<CheckboxGroupElementType> {
|
|
14
14
|
children: ReactNode;
|
|
15
15
|
className?: string;
|
|
@@ -17,4 +17,4 @@ export interface CheckboxGroupProps extends DOMProps, CheckboxGroupPropsType, Ar
|
|
|
17
17
|
validationState?: "valid" | "invalid";
|
|
18
18
|
errorMessage?: string;
|
|
19
19
|
}
|
|
20
|
-
export
|
|
20
|
+
export type CheckboxGroupRef = Ref<CheckboxGroupElementType>;
|
|
@@ -2,7 +2,7 @@ import { Ref } from "react";
|
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ForwardedRefComponent } from "../../../types/components";
|
|
4
4
|
import { type LinkButtonProps } from "../../LinkButton";
|
|
5
|
-
export
|
|
5
|
+
export type ActionsElementType = HTMLDivElement;
|
|
6
6
|
export interface ActionsProps extends DOMProps {
|
|
7
7
|
/** Custom class name for setting specific CSS */
|
|
8
8
|
className?: string;
|
|
@@ -11,6 +11,6 @@ export interface ActionsProps extends DOMProps {
|
|
|
11
11
|
backLabel?: string;
|
|
12
12
|
nextLabel?: string;
|
|
13
13
|
}
|
|
14
|
-
export
|
|
14
|
+
export type ActionsRef = Ref<ActionsElementType>;
|
|
15
15
|
declare const Actions: ForwardedRefComponent<ActionsProps, ActionsElementType>;
|
|
16
16
|
export { Actions };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { QuestionProps } from "../Question";
|
|
2
|
-
export
|
|
2
|
+
export type PercentageTotalsQuestionProps = Omit<QuestionProps, "children" | "description" | "validationState" | "errorMessage"> & {
|
|
3
3
|
alertText?: string;
|
|
4
4
|
items: string[];
|
|
5
5
|
};
|
|
@@ -7,5 +7,6 @@ export interface QuestionProps {
|
|
|
7
7
|
validationState?: "valid" | "invalid" | "";
|
|
8
8
|
help?: ReactNode;
|
|
9
9
|
className?: string;
|
|
10
|
+
closeHelpOnOutsideClick?: boolean;
|
|
10
11
|
}
|
|
11
|
-
export declare function Question({ label, description, children, errorMessage, validationState, help, className, }: QuestionProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare function Question({ label, description, children, errorMessage, validationState, help, className, closeHelpOnOutsideClick, }: QuestionProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -12,7 +12,7 @@ const hooks_1 = require("../../../hooks");
|
|
|
12
12
|
const Label_1 = require("../../Label");
|
|
13
13
|
const Text_1 = require("../../Text");
|
|
14
14
|
const QuestionHelp_1 = require("../QuestionHelp/QuestionHelp");
|
|
15
|
-
function Question({ label, description, children, errorMessage, validationState, help, className, }) {
|
|
15
|
+
function Question({ label, description, children, errorMessage, validationState, help, className, closeHelpOnOutsideClick, }) {
|
|
16
16
|
const [isOpen, setIsOpen] = (0, react_1.useState)(false);
|
|
17
17
|
const labelId = (0, utils_1.useId)();
|
|
18
18
|
const descriptionId = (0, utils_1.useId)();
|
|
@@ -31,7 +31,7 @@ function Question({ label, description, children, errorMessage, validationState,
|
|
|
31
31
|
"--is-valid": validationState === "valid",
|
|
32
32
|
"--is-invalid": validationState === "invalid",
|
|
33
33
|
});
|
|
34
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: classes }, { children: [(0, jsx_runtime_1.jsx)(Label_1.Label, Object.assign({ elementType: children ? "label" : "span", htmlFor: forAttr, id: labelId, className: labelClasses }, { children: label })), help && ((0, jsx_runtime_1.jsx)(QuestionHelp_1.QuestionHelp, Object.assign({ onChange: handleChange, isDesktop: isDesktop }, { children: help }))), description && ((0, jsx_runtime_1.jsx)(DescriptionComponent, Object.assign({ id: descriptionId, className: "chopin/QuestionDescription" }, { children: description }))), react_1.Children.map(children, child => (0, react_1.isValidElement)(child)
|
|
34
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: classes }, { children: [(0, jsx_runtime_1.jsx)(Label_1.Label, Object.assign({ elementType: children ? "label" : "span", htmlFor: forAttr, id: labelId, className: labelClasses }, { children: label })), help && ((0, jsx_runtime_1.jsx)(QuestionHelp_1.QuestionHelp, Object.assign({ onChange: handleChange, isDesktop: isDesktop, closeHelpOnOutsideClick: closeHelpOnOutsideClick }, { children: help }))), description && ((0, jsx_runtime_1.jsx)(DescriptionComponent, Object.assign({ id: descriptionId, className: "chopin/QuestionDescription" }, { children: description }))), react_1.Children.map(children, child => (0, react_1.isValidElement)(child)
|
|
35
35
|
? (0, react_1.cloneElement)(child, {
|
|
36
36
|
errorMessage,
|
|
37
37
|
validationState,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Question.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Question/Question.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAOe;AACf,gDAAwB;AACxB,6CAA0C;AAC1C,0CAA+C;AAC/C,uCAAoC;AACpC,qCAAkC;AAClC,+DAA4D;
|
|
1
|
+
{"version":3,"file":"Question.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Question/Question.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAOe;AACf,gDAAwB;AACxB,6CAA0C;AAC1C,0CAA+C;AAC/C,uCAAoC;AACpC,qCAAkC;AAClC,+DAA4D;AAa5D,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,IAAI,EACJ,SAAS,EACT,uBAAuB,GACT;IACd,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IACxB,MAAM,aAAa,GAAG,IAAA,aAAK,GAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAC;IACxB,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAC;IAC/B,MAAM,SAAS,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;IAE3B,MAAM,OAAO,GAAG,IAAA,cAAI,EAClB,QAAQ,EACR,iBAAiB,EACjB;QACE,iBAAiB,EAAE,MAAM;KAC1B,EACD,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAC/B,SAAS,CACV,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAc,EAAE,EAAE;QACtC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,mCAAmC;IACnC,MAAM,oBAAoB,GAAG,IAAA,sBAAc,EAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAI,CAAC;IAExE,MAAM,YAAY,GAAG,IAAA,cAAI,EAAC,sBAAsB,EAAE;QAChD,YAAY,EAAE,eAAe,KAAK,OAAO;QACzC,cAAc,EAAE,eAAe,KAAK,SAAS;KAC9C,CAAC,CAAC;IAEH,OAAO,CACL,+CAAK,SAAS,EAAE,OAAO,iBACrB,uBAAC,aAAK,kBACJ,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACxC,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,YAAY,gBAEtB,KAAK,IACA,EACP,IAAI,IAAI,CACP,uBAAC,2BAAY,kBACX,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,SAAS,EACpB,uBAAuB,EAAE,uBAAuB,gBAE/C,IAAI,IACQ,CAChB,EACA,WAAW,IAAI,CACd,uBAAC,oBAAoB,kBACnB,EAAE,EAAE,aAAa,EACjB,SAAS,EAAC,4BAA4B,gBAErC,WAAW,IACS,CACxB,EACA,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAC9B,IAAA,sBAAc,EAAC,KAAK,CAAC;gBACnB,CAAC,CAAC,IAAA,oBAAY,EAAC,KAAK,EAAE;oBAClB,YAAY;oBACZ,eAAe;oBACf,EAAE,EAAE,OAAO;oBACX,iBAAiB,EAAE,OAAO;oBAC1B,kBAAkB,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;iBACrD,CAAC;gBACX,CAAC,CAAC,KAAK,CACV,KACG,CACP,CAAC;AACJ,CAAC;AA/ED,4BA+EC"}
|
|
@@ -10,6 +10,8 @@ const jest_1 = require("@emotion/jest");
|
|
|
10
10
|
const _1 = require(".");
|
|
11
11
|
const TextField_1 = require("../../TextField");
|
|
12
12
|
const WRAPPER_CLASS_NAME = "chopin/Question";
|
|
13
|
+
const OPEN_CLASS_NAME = "--is-open";
|
|
14
|
+
const CLOSED_CLASS_NAME = "--is-closed";
|
|
13
15
|
expect.extend(jest_1.matchers);
|
|
14
16
|
describe("Question", () => {
|
|
15
17
|
it("should render without error", () => {
|
|
@@ -84,6 +86,26 @@ describe("Question", () => {
|
|
|
84
86
|
await user_event_1.default.keyboard("{escape}");
|
|
85
87
|
expect(react_1.screen.queryByRole("tooltip")).not.toBeInTheDocument();
|
|
86
88
|
});
|
|
89
|
+
describe("given closeHelpOnOutsideClick is set to true", () => {
|
|
90
|
+
it("should close on outside click", async () => {
|
|
91
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Question, Object.assign({ label: "Question", help: "This is a help message", closeHelpOnOutsideClick: true }, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, {}) })));
|
|
92
|
+
const toggle = react_1.screen.getByRole("button");
|
|
93
|
+
await user_event_1.default.click(toggle);
|
|
94
|
+
expect(toggle.parentElement).toHaveClass(OPEN_CLASS_NAME);
|
|
95
|
+
await user_event_1.default.click(container);
|
|
96
|
+
expect(toggle.parentElement).toHaveClass(CLOSED_CLASS_NAME);
|
|
97
|
+
});
|
|
98
|
+
});
|
|
99
|
+
describe("given closeHelpOnOutsideClick is not set", () => {
|
|
100
|
+
it("should close on outside click", async () => {
|
|
101
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Question, Object.assign({ label: "Question", help: "This is a help message" }, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, {}) })));
|
|
102
|
+
const toggle = react_1.screen.getByRole("button");
|
|
103
|
+
await user_event_1.default.click(toggle);
|
|
104
|
+
expect(toggle.parentElement).toHaveClass(OPEN_CLASS_NAME);
|
|
105
|
+
await user_event_1.default.click(container);
|
|
106
|
+
expect(toggle.parentElement).toHaveClass(OPEN_CLASS_NAME);
|
|
107
|
+
});
|
|
108
|
+
});
|
|
87
109
|
});
|
|
88
110
|
});
|
|
89
111
|
//# sourceMappingURL=Question.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Question.test.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Question/Question.test.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAmE;AACnE,6EAAoD;AACpD,wCAAyC;AACzC,wBAA6B;AAC7B,+CAA4C;AAE5C,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Question.test.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/Question/Question.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Ref, RefAttributes, ReactNode } from "react";
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ForwardedRefComponent } from "../../../types/components";
|
|
4
|
-
export
|
|
4
|
+
export type QuestionGroupElementType = HTMLDivElement;
|
|
5
5
|
export interface QuestionGroupProps extends DOMProps, RefAttributes<QuestionGroupElementType> {
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
/** Custom class name for setting specific CSS */
|
|
@@ -10,6 +10,6 @@ export interface QuestionGroupProps extends DOMProps, RefAttributes<QuestionGrou
|
|
|
10
10
|
label?: string;
|
|
11
11
|
help?: ReactNode;
|
|
12
12
|
}
|
|
13
|
-
export
|
|
13
|
+
export type QuestionGroupRef = Ref<QuestionGroupElementType>;
|
|
14
14
|
declare const QuestionGroup: ForwardedRefComponent<QuestionGroupProps, QuestionGroupElementType>;
|
|
15
15
|
export { QuestionGroup };
|
|
@@ -5,5 +5,6 @@ export interface QuestionHelpProps {
|
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
onChange?: (state: boolean) => void;
|
|
7
7
|
isDesktop?: boolean;
|
|
8
|
+
closeHelpOnOutsideClick?: boolean;
|
|
8
9
|
}
|
|
9
|
-
export declare function QuestionHelp({ openedLabel, closedLabel, children, onChange, isDesktop, }: QuestionHelpProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare function QuestionHelp({ openedLabel, closedLabel, children, onChange, isDesktop, closeHelpOnOutsideClick, }: QuestionHelpProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -9,7 +9,7 @@ const focus_1 = require("@react-aria/focus");
|
|
|
9
9
|
const clsx_1 = __importDefault(require("clsx"));
|
|
10
10
|
const react_1 = require("react");
|
|
11
11
|
const useWindowEvent_1 = require("../../../hooks/useWindowEvent");
|
|
12
|
-
function QuestionHelp({ openedLabel = "Close Help", closedLabel = "Open Help", children, onChange = () => { }, isDesktop, }) {
|
|
12
|
+
function QuestionHelp({ openedLabel = "Close Help", closedLabel = "Open Help", children, onChange = () => { }, isDesktop, closeHelpOnOutsideClick = false, }) {
|
|
13
13
|
const [isOpen, setIsOpen] = (0, react_1.useState)(false);
|
|
14
14
|
const ref = (0, react_1.useRef)(null);
|
|
15
15
|
const { focusProps, isFocusVisible } = (0, focus_1.useFocusRing)({});
|
|
@@ -20,10 +20,11 @@ function QuestionHelp({ openedLabel = "Close Help", closedLabel = "Open Help", c
|
|
|
20
20
|
});
|
|
21
21
|
const handleClickOutside = (0, react_1.useCallback)((event) => {
|
|
22
22
|
if (ref.current &&
|
|
23
|
-
!ref.current.contains(event.target)
|
|
23
|
+
!ref.current.contains(event.target) &&
|
|
24
|
+
closeHelpOnOutsideClick) {
|
|
24
25
|
setIsOpen(false);
|
|
25
26
|
}
|
|
26
|
-
}, [setIsOpen]);
|
|
27
|
+
}, [setIsOpen, closeHelpOnOutsideClick]);
|
|
27
28
|
(0, react_1.useEffect)(() => {
|
|
28
29
|
onChange(isOpen);
|
|
29
30
|
window.addEventListener("click", handleClickOutside, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuestionHelp.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/QuestionHelp/QuestionHelp.tsx"],"names":[],"mappings":";;;;;;;AAAA,6CAAiD;AACjD,gDAAwB;AACxB,iCAA4E;AAC5E,kEAA+D;
|
|
1
|
+
{"version":3,"file":"QuestionHelp.js","sourceRoot":"","sources":["../../../../../src/components/Chopin/QuestionHelp/QuestionHelp.tsx"],"names":[],"mappings":";;;;;;;AAAA,6CAAiD;AACjD,gDAAwB;AACxB,iCAA4E;AAC5E,kEAA+D;AAW/D,SAAgB,YAAY,CAAC,EAC3B,WAAW,GAAG,YAAY,EAC1B,WAAW,GAAG,WAAW,EACzB,QAAQ,EACR,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,SAAS,EACT,uBAAuB,GAAG,KAAK,GACb;IAClB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAY,EAAC,EAAE,CAAC,CAAC;IAExD,IAAA,+BAAc,EAAC,SAAS,EAAE,CAAC,CAAC,EAAE;QAC5B,IAAI,MAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YAChC,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,KAAiB,EAAE,EAAE;QACpB,IACE,GAAG,CAAC,OAAO;YACX,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAwB,CAAC;YACrD,uBAAuB,EACvB;YACA,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;IACH,CAAC,EACD,CAAC,SAAS,EAAE,uBAAuB,CAAC,CACrC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,MAAM,CAAC,CAAC;QAEjB,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE;YACnD,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE3C,MAAM,SAAS,GAAG,IAAA,cAAI,EACpB,qBAAqB,EACrB;QACE,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,CAAC,MAAM;KACvB,EACD,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAChC,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,cAAI,EAAC,4BAA4B,EAAE;QAC1D,cAAc,EAAE,cAAc;KAC/B,CAAC,CAAC;IAEH,OAAO,CACL,+CAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,iBACjC,iDACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,SAAS,EAAE,gBAAgB,IACvB,UAAU,cAEd,2CAAO,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,GAAQ,IAC1C,EACT,8CACE,SAAS,EAAC,4BAA4B,iBAC1B,MAAM,eACR,QAAQ,EAClB,IAAI,EAAC,SAAS,iBACD,CAAC,MAAM,gBAEnB,QAAQ,IACL,KACF,CACP,CAAC;AACJ,CAAC;AA3ED,oCA2EC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Ref, RefAttributes, ReactNode } from "react";
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ForwardedRefComponent } from "../../../types/components";
|
|
4
|
-
export
|
|
4
|
+
export type SectionElementType = HTMLDivElement;
|
|
5
5
|
export interface SectionProps extends DOMProps, RefAttributes<SectionElementType> {
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
/** Custom class name for setting specific CSS */
|
|
@@ -9,6 +9,6 @@ export interface SectionProps extends DOMProps, RefAttributes<SectionElementType
|
|
|
9
9
|
elementType?: string | React.ElementType;
|
|
10
10
|
title?: string;
|
|
11
11
|
}
|
|
12
|
-
export
|
|
12
|
+
export type SectionRef = Ref<SectionElementType>;
|
|
13
13
|
declare const Section: ForwardedRefComponent<SectionProps, SectionElementType>;
|
|
14
14
|
export { Section };
|
|
@@ -2,7 +2,7 @@ import { Ref, RefAttributes, ReactNode, ComponentProps } from "react";
|
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { Link } from "react-router-dom";
|
|
4
4
|
import { ForwardedRefComponent } from "../../../types/components";
|
|
5
|
-
export
|
|
5
|
+
export type StepItemElementType = HTMLLIElement;
|
|
6
6
|
export interface StepItemProps extends DOMProps, RefAttributes<StepItemElementType> {
|
|
7
7
|
children?: ReactNode;
|
|
8
8
|
/** Custom class name for setting specific CSS */
|
|
@@ -16,6 +16,6 @@ export interface StepItemProps extends DOMProps, RefAttributes<StepItemElementTy
|
|
|
16
16
|
completed?: boolean;
|
|
17
17
|
to?: ComponentProps<typeof Link>["to"];
|
|
18
18
|
}
|
|
19
|
-
export
|
|
19
|
+
export type StepItemRef = Ref<StepItemElementType>;
|
|
20
20
|
declare const StepItem: ForwardedRefComponent<StepItemProps, StepItemElementType>;
|
|
21
21
|
export { StepItem };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { Ref, RefAttributes, ReactNode } from "react";
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ForwardedRefComponent } from "../../../types/components";
|
|
4
|
-
export
|
|
4
|
+
export type StepsElementType = HTMLOListElement;
|
|
5
5
|
export interface StepsProps extends DOMProps, RefAttributes<StepsElementType> {
|
|
6
6
|
children?: ReactNode;
|
|
7
7
|
/** Custom class name for setting specific CSS */
|
|
8
8
|
className?: string;
|
|
9
9
|
elementType?: React.ElementType;
|
|
10
10
|
}
|
|
11
|
-
export
|
|
11
|
+
export type StepsRef = Ref<StepsElementType>;
|
|
12
12
|
declare const Steps: ForwardedRefComponent<StepsProps, StepsElementType>;
|
|
13
13
|
export { Steps };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { Ref, RefAttributes, ReactNode } from "react";
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import { ForwardedRefComponent } from "../../../types/components";
|
|
4
|
-
export
|
|
4
|
+
export type TestimonialElementType = HTMLElement;
|
|
5
5
|
export interface TestimonialProps extends DOMProps, RefAttributes<TestimonialElementType> {
|
|
6
6
|
children: ReactNode;
|
|
7
7
|
/** Custom class name for setting specific CSS */
|
|
8
8
|
className?: string;
|
|
9
9
|
author: string;
|
|
10
10
|
}
|
|
11
|
-
export
|
|
11
|
+
export type TestimonialRef = Ref<TestimonialElementType>;
|
|
12
12
|
declare const Testimonial: ForwardedRefComponent<TestimonialProps, TestimonialElementType>;
|
|
13
13
|
export { Testimonial };
|
|
@@ -8,6 +8,6 @@ export interface ListBoxProps extends AriaListBoxOptions<unknown> {
|
|
|
8
8
|
loadingState?: LoadingState;
|
|
9
9
|
onLoadMore?: () => void;
|
|
10
10
|
}
|
|
11
|
-
export
|
|
11
|
+
export type ListBoxElementType = HTMLUListElement;
|
|
12
12
|
declare const ListBox: (props: ListBoxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
13
13
|
export { ListBox };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Node } from "@react-types/shared";
|
|
2
2
|
import type { ListState } from "@react-stately/list";
|
|
3
|
-
export
|
|
3
|
+
export type OptionElementType = HTMLLIElement;
|
|
4
4
|
export interface OptionProps {
|
|
5
5
|
item: Node<unknown>;
|
|
6
6
|
state: ListState<unknown>;
|
|
@@ -5,6 +5,6 @@ export interface PopoverProps {
|
|
|
5
5
|
isOpen?: boolean;
|
|
6
6
|
onClose?: () => void;
|
|
7
7
|
}
|
|
8
|
-
export
|
|
8
|
+
export type PopoverElementType = HTMLDivElement;
|
|
9
9
|
declare const Popover: (props: PopoverProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
10
10
|
export { Popover };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { SetStateAction, Dispatch, Key } from "react";
|
|
2
2
|
import { AriaLabelingProps, DOMProps } from "@react-types/shared";
|
|
3
3
|
import type { LabelProps, GroupedTradeProps } from "..";
|
|
4
|
-
export
|
|
4
|
+
export type SearchResultsProps = {
|
|
5
5
|
inputValue: string;
|
|
6
6
|
items: GroupedTradeProps[];
|
|
7
7
|
labels: LabelProps;
|
|
@@ -2,7 +2,7 @@ import { Ref, RefAttributes } from "react";
|
|
|
2
2
|
import { DOMProps } from "@react-types/shared";
|
|
3
3
|
import type { LabelProps, TradeProps, UrlProps } from ".";
|
|
4
4
|
import { ForwardedRefComponent } from "../../../types/components";
|
|
5
|
-
export
|
|
5
|
+
export type TradeSelectorElementType = HTMLDivElement;
|
|
6
6
|
export declare const ERROR_MESSAGE_SERVICE_UNAVAIALBLE = "The service is currently unavailable. Please try again later";
|
|
7
7
|
export interface TradeSelectorProps extends DOMProps, RefAttributes<TradeSelectorElementType> {
|
|
8
8
|
/** Custom class name for setting specific CSS */
|
|
@@ -15,6 +15,6 @@ export interface TradeSelectorProps extends DOMProps, RefAttributes<TradeSelecto
|
|
|
15
15
|
onTradeSelected?: (trade: TradeProps) => void;
|
|
16
16
|
hideLabel?: boolean;
|
|
17
17
|
}
|
|
18
|
-
export
|
|
18
|
+
export type TradeSelectorRef = Ref<TradeSelectorElementType>;
|
|
19
19
|
declare const TradeSelector: ForwardedRefComponent<TradeSelectorProps, TradeSelectorElementType>;
|
|
20
20
|
export { TradeSelector };
|