@simplybusiness/mobius 3.1.0 → 3.1.2
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 +24 -0
- 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 +0 -4
- package/dist/cjs/components/Checkbox/Checkbox.test.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 +28 -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/components/index.d.ts +1 -0
- package/dist/cjs/components/index.js +1 -0
- package/dist/cjs/components/index.js.map +1 -1
- 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 +0 -4
- package/dist/esm/components/Checkbox/Checkbox.test.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 +28 -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/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/mobius.d.ts +14 -1
- package/package.json +1 -1
- package/src/components/Checkbox/Checkbox.test.tsx +0 -7
- package/src/components/Chopin/Question/Question.story.mdx +154 -2
- package/src/components/Chopin/Question/Question.test.tsx +59 -0
- package/src/components/Chopin/Question/Question.tsx +13 -2
- package/src/components/Chopin/QuestionHelp/QuestionHelp.tsx +5 -2
- package/src/components/DatePicker/DatePicker.tsx +1 -1
- package/src/components/index.tsx +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,28 @@ 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.2] - 2022-12-14
|
|
9
|
+
|
|
10
|
+
### Added
|
|
11
|
+
|
|
12
|
+
- Added default spacing between `<Question>` components
|
|
13
|
+
- Added `closeHelpOnOutsideClick` to `<Question>` to make closing of help text on outside click behaviour optional.
|
|
14
|
+
|
|
15
|
+
### Changed
|
|
16
|
+
|
|
17
|
+
- Changed default `<Question>` width to take up 100% of container width
|
|
18
|
+
- Changed default `<Question>` help text styles to always display inline. This is to match current behaviour in Chopin.
|
|
19
|
+
|
|
20
|
+
## [3.1.1] - 2022-11-30
|
|
21
|
+
|
|
22
|
+
### Added
|
|
23
|
+
|
|
24
|
+
- Make `<DatePicker>` component available
|
|
25
|
+
|
|
26
|
+
### Changed
|
|
27
|
+
|
|
28
|
+
- Render `<Question>` label as `<span>` when no child components provided. This is to accommodate for `renderAs: "info"` in Chopin-next
|
|
29
|
+
|
|
8
30
|
## [3.1.0] - 2022-11-24
|
|
9
31
|
|
|
10
32
|
### Changed
|
|
@@ -89,6 +111,8 @@ Additionally, mobius and themes are available on the public NPM registry and can
|
|
|
89
111
|
|
|
90
112
|
## Github Links
|
|
91
113
|
|
|
114
|
+
[3.1.2]: https://github.com/simplybusiness/mobius/releases/tag/v3.1.2
|
|
115
|
+
[3.1.1]: https://github.com/simplybusiness/mobius/releases/tag/v3.1.1
|
|
92
116
|
[3.1.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.1.0
|
|
93
117
|
[3.0.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.0.0
|
|
94
118
|
[2.18.6]: https://github.com/simplybusiness/mobius/releases/tag/v2.18.6
|
|
@@ -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,10 +39,6 @@ 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
|
-
it('should set aria-checked="mixed" for indeterminate state', () => {
|
|
43
|
-
const { getByLabelText } = (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "I agree", name: "agree", isIndeterminate: true }));
|
|
44
|
-
expect(getByLabelText("I agree")).toHaveAttribute("aria-checked", "mixed");
|
|
45
|
-
});
|
|
46
42
|
describe("isRequired", () => {
|
|
47
43
|
it("should set aria-required to true", () => {
|
|
48
44
|
(0, react_2.render)((0, jsx_runtime_1.jsx)(Container, Object.assign({}, containerProps, { children: (0, jsx_runtime_1.jsx)(_1.Checkbox, { label: "Checkbox", value: "value", isRequired: 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,
|
|
1
|
+
{"version":3,"file":"Checkbox.test.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.test.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({ 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", () => {
|
|
@@ -30,6 +32,12 @@ describe("Question", () => {
|
|
|
30
32
|
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Question, Object.assign({ label: "Question", description: "Sample description", errorMessage: "Sample error" }, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, {}) })));
|
|
31
33
|
expect(react_1.screen.getByLabelText("Question")).toHaveAccessibleDescription("Sample error Sample description");
|
|
32
34
|
});
|
|
35
|
+
describe("given no input component is provided", () => {
|
|
36
|
+
it("renders label text as span element", () => {
|
|
37
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Question, { label: "Question label", description: "Sample description", errorMessage: "Sample error" }));
|
|
38
|
+
expect(react_1.screen.getByText("Question label").tagName).toBe("SPAN");
|
|
39
|
+
});
|
|
40
|
+
});
|
|
33
41
|
describe("uses correct Question class name", () => {
|
|
34
42
|
it("uses chopin class", () => {
|
|
35
43
|
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Question, Object.assign({ label: "Question" }, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, {}) })));
|
|
@@ -78,6 +86,26 @@ describe("Question", () => {
|
|
|
78
86
|
await user_event_1.default.keyboard("{escape}");
|
|
79
87
|
expect(react_1.screen.queryByRole("tooltip")).not.toBeInTheDocument();
|
|
80
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
|
+
});
|
|
81
109
|
});
|
|
82
110
|
});
|
|
83
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 };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type TradeProps = {
|
|
2
2
|
value: string;
|
|
3
3
|
vertical: string;
|
|
4
4
|
supported_verticals: string[] | null;
|
|
@@ -8,12 +8,12 @@ export declare type TradeProps = {
|
|
|
8
8
|
trade_type: string | null;
|
|
9
9
|
blocked: boolean;
|
|
10
10
|
};
|
|
11
|
-
export
|
|
11
|
+
export type GroupedTradeProps = {
|
|
12
12
|
name: string;
|
|
13
13
|
title: string;
|
|
14
14
|
children: TradeProps[];
|
|
15
15
|
};
|
|
16
|
-
export
|
|
16
|
+
export type LabelProps = {
|
|
17
17
|
input: string;
|
|
18
18
|
exact: string;
|
|
19
19
|
suggested: string;
|
|
@@ -22,12 +22,12 @@ export declare type LabelProps = {
|
|
|
22
22
|
description: string;
|
|
23
23
|
placeholder: string;
|
|
24
24
|
};
|
|
25
|
-
export
|
|
25
|
+
export type UrlProps = {
|
|
26
26
|
quoteRedirect: string;
|
|
27
27
|
tradeApi: string;
|
|
28
28
|
allOccupations: string;
|
|
29
29
|
};
|
|
30
|
-
export
|
|
30
|
+
export type useTradeSelectorProps = {
|
|
31
31
|
minInput: number;
|
|
32
32
|
apiRequestDebounceInMs: number;
|
|
33
33
|
urls: UrlProps;
|