@transferwise/components 0.0.0-experimental-8b0167a → 0.0.0-experimental-a0d696c
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/build/index.js +77 -62
- package/build/index.js.map +1 -1
- package/build/index.mjs +76 -61
- package/build/index.mjs.map +1 -1
- package/build/types/checkbox/Checkbox.d.ts +20 -16
- package/build/types/checkbox/Checkbox.d.ts.map +1 -1
- package/build/types/checkbox/index.d.ts +2 -2
- package/build/types/checkbox/index.d.ts.map +1 -1
- package/build/types/definitionList/DefinitionList.d.ts +20 -24
- package/build/types/definitionList/DefinitionList.d.ts.map +1 -1
- package/build/types/definitionList/index.d.ts +2 -1
- package/build/types/definitionList/index.d.ts.map +1 -1
- package/build/types/index.d.ts +1 -1
- package/build/types/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/checkbox/{Checkbox.tsx → Checkbox.js} +41 -19
- package/src/checkbox/{Checkbox.spec.tsx → Checkbox.spec.js} +5 -5
- package/src/checkbox/index.js +3 -0
- package/src/definitionList/{DefinitionList.story.js → DefinitionList.story.tsx} +22 -2
- package/src/definitionList/DefinitionList.tsx +95 -0
- package/src/definitionList/index.ts +2 -0
- package/src/index.ts +1 -1
- package/src/checkbox/index.ts +0 -2
- package/src/definitionList/DefinitionList.js +0 -100
- package/src/definitionList/index.js +0 -1
- /package/src/checkbox/__snapshots__/{Checkbox.spec.tsx.snap → Checkbox.spec.js.snap} +0 -0
|
@@ -1,16 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
export interface CheckboxProps {
|
|
4
|
+
id?: string;
|
|
5
|
+
checked?: boolean;
|
|
6
|
+
required?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
readOnly?: boolean;
|
|
9
|
+
label: React.ReactNode;
|
|
10
|
+
secondary?: string;
|
|
11
|
+
onFocus?: (...args: any[])=>any;
|
|
12
|
+
onChange: (...args: any[])=>any;
|
|
13
|
+
onBlur?: (...args: any[])=>any;
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
declare const Checkbox: React.FC<CheckboxProps>;
|
|
18
|
+
|
|
19
|
+
export default Checkbox;
|
|
20
|
+
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/Checkbox.
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/Checkbox.js"],"names":[],"mappings":";AAQA;;;;;;;;;;;;gCAsDC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export
|
|
2
|
-
|
|
1
|
+
export default Checkbox;
|
|
2
|
+
import Checkbox from "./Checkbox";
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/checkbox/index.
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/checkbox/index.js"],"names":[],"mappings":""}
|
|
@@ -1,24 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
action?: {
|
|
5
|
-
label: string;
|
|
6
|
-
onClick?:
|
|
7
|
-
};
|
|
8
|
-
title: React.ReactNode;
|
|
9
|
-
value: React.ReactNode;
|
|
10
|
-
key: string;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
declare const DefinitionList: React.FC<DefinitionListProps>;
|
|
22
|
-
|
|
23
|
-
export default DefinitionList;
|
|
24
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Layout } from '../common';
|
|
3
|
+
interface Definition {
|
|
4
|
+
action?: {
|
|
5
|
+
label: string;
|
|
6
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
7
|
+
};
|
|
8
|
+
title: React.ReactNode;
|
|
9
|
+
value: React.ReactNode;
|
|
10
|
+
key: string;
|
|
11
|
+
}
|
|
12
|
+
type DefinitionListLayout = `${Layout.VERTICAL_TWO_COLUMN | Layout.VERTICAL_ONE_COLUMN | Layout.HORIZONTAL_JUSTIFIED | Layout.HORIZONTAL_LEFT_ALIGNED | Layout.HORIZONTAL_RIGHT_ALIGNED}`;
|
|
13
|
+
export interface DefinitionListProps {
|
|
14
|
+
definitions?: Definition[];
|
|
15
|
+
layout?: DefinitionListLayout;
|
|
16
|
+
muted?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export default function DefinitionList({ definitions, layout, muted, }: DefinitionListProps): import("react").JSX.Element;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=DefinitionList.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefinitionList.d.ts","sourceRoot":"","sources":["../../../src/definitionList/DefinitionList.
|
|
1
|
+
{"version":3,"file":"DefinitionList.d.ts","sourceRoot":"","sources":["../../../src/definitionList/DefinitionList.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,UAAU,UAAU;IAClB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;KACtD,CAAC;IACF,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,KAAK,oBAAoB,GACvB,GAAG,MAAM,CAAC,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,GAAG,MAAM,CAAC,oBAAoB,GAAG,MAAM,CAAC,uBAAuB,GAAG,MAAM,CAAC,wBAAwB,EAAE,CAAC;AAEhK,MAAM,WAAW,mBAAmB;IAClC,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAiCD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,WAAgC,EAChC,MAA8B,EAC9B,KAAK,GACN,EAAE,mBAAmB,+BAmCrB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/definitionList/index.
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/definitionList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}
|
package/build/types/index.d.ts
CHANGED
|
@@ -7,13 +7,13 @@ export type { AlertAction, AlertProps, AlertType } from './alert';
|
|
|
7
7
|
export type { AvatarProps } from './avatar';
|
|
8
8
|
export type { BadgeProps } from './badge';
|
|
9
9
|
export type { CarouselProps } from './carousel';
|
|
10
|
-
export type { CheckboxProps } from './checkbox';
|
|
11
10
|
export type { CircularButtonProps } from './circularButton';
|
|
12
11
|
export type { BodyTypes, DisplayTypes, LayoutDirection, LinkTypes, TitleTypes, TypographyTypes, } from './common';
|
|
13
12
|
export type { BottomSheetProps } from './common/bottomSheet';
|
|
14
13
|
export type { DateInputProps } from './dateInput';
|
|
15
14
|
export type { DateLookupProps } from './dateLookup';
|
|
16
15
|
export type { DecisionProps } from './decision/Decision';
|
|
16
|
+
export type { DefinitionListProps } from './definitionList';
|
|
17
17
|
export type { DimmerProps } from './dimmer';
|
|
18
18
|
export type { EmphasisProps } from './emphasis';
|
|
19
19
|
export type { FieldProps } from './field/Field';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAClE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@transferwise/components",
|
|
3
|
-
"version": "0.0.0-experimental-
|
|
3
|
+
"version": "0.0.0-experimental-a0d696c",
|
|
4
4
|
"description": "Neptune React components",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -95,8 +95,8 @@
|
|
|
95
95
|
"rollup": "^4.17.2",
|
|
96
96
|
"storybook": "^7.6.19",
|
|
97
97
|
"@transferwise/less-config": "3.1.0",
|
|
98
|
-
"@
|
|
99
|
-
"@
|
|
98
|
+
"@wise/components-theming": "1.3.0",
|
|
99
|
+
"@transferwise/neptune-css": "14.10.0"
|
|
100
100
|
},
|
|
101
101
|
"peerDependencies": {
|
|
102
102
|
"@transferwise/icons": "^3.7.0",
|
|
@@ -1,24 +1,12 @@
|
|
|
1
|
+
import { useTheme } from '@wise/components-theming';
|
|
1
2
|
import classNames from 'classnames';
|
|
3
|
+
import PropTypes from 'prop-types';
|
|
2
4
|
|
|
3
5
|
import Body from '../body/Body';
|
|
4
6
|
import CheckboxButton from '../checkboxButton';
|
|
5
7
|
import { Typography } from '../common';
|
|
6
8
|
|
|
7
|
-
|
|
8
|
-
id?: string;
|
|
9
|
-
checked?: boolean;
|
|
10
|
-
required?: boolean;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
readOnly?: boolean;
|
|
13
|
-
label: React.ReactNode;
|
|
14
|
-
secondary?: string;
|
|
15
|
-
onFocus?: React.FocusEventHandler<HTMLInputElement>;
|
|
16
|
-
onChange: (checked: boolean) => void;
|
|
17
|
-
onBlur?: React.FocusEventHandler<HTMLInputElement>;
|
|
18
|
-
className?: string;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export default function Checkbox({
|
|
9
|
+
const Checkbox = ({
|
|
22
10
|
id,
|
|
23
11
|
checked,
|
|
24
12
|
required,
|
|
@@ -30,13 +18,15 @@ export default function Checkbox({
|
|
|
30
18
|
onChange,
|
|
31
19
|
onFocus,
|
|
32
20
|
onBlur,
|
|
33
|
-
}
|
|
21
|
+
}) => {
|
|
22
|
+
const { isModern } = useTheme();
|
|
23
|
+
|
|
34
24
|
const classList = classNames(
|
|
35
25
|
'np-checkbox',
|
|
36
26
|
{
|
|
37
27
|
checkbox: true,
|
|
38
28
|
'checkbox-lg': secondary,
|
|
39
|
-
disabled,
|
|
29
|
+
disabled: isModern && disabled,
|
|
40
30
|
},
|
|
41
31
|
className,
|
|
42
32
|
);
|
|
@@ -61,9 +51,41 @@ export default function Checkbox({
|
|
|
61
51
|
type={secondary ? Typography.BODY_LARGE_BOLD : Typography.BODY_LARGE}
|
|
62
52
|
>
|
|
63
53
|
<span className={required ? 'has-required' : undefined}>{label}</span>
|
|
64
|
-
{secondary &&
|
|
54
|
+
{secondary && (
|
|
55
|
+
<Body as="span" className={classNames({ secondary: !isModern })}>
|
|
56
|
+
{secondary}
|
|
57
|
+
</Body>
|
|
58
|
+
)}
|
|
65
59
|
</Body>
|
|
66
60
|
</label>
|
|
67
61
|
</div>
|
|
68
62
|
);
|
|
69
|
-
}
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
Checkbox.propTypes = {
|
|
66
|
+
id: PropTypes.string,
|
|
67
|
+
checked: PropTypes.bool,
|
|
68
|
+
required: PropTypes.bool,
|
|
69
|
+
disabled: PropTypes.bool,
|
|
70
|
+
readOnly: PropTypes.bool,
|
|
71
|
+
label: PropTypes.node.isRequired,
|
|
72
|
+
secondary: PropTypes.string,
|
|
73
|
+
onFocus: PropTypes.func,
|
|
74
|
+
onChange: PropTypes.func.isRequired,
|
|
75
|
+
onBlur: PropTypes.func,
|
|
76
|
+
className: PropTypes.string,
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
Checkbox.defaultProps = {
|
|
80
|
+
id: null,
|
|
81
|
+
checked: false,
|
|
82
|
+
required: false,
|
|
83
|
+
disabled: false,
|
|
84
|
+
readOnly: false,
|
|
85
|
+
secondary: null,
|
|
86
|
+
onFocus: null,
|
|
87
|
+
onBlur: null,
|
|
88
|
+
className: undefined,
|
|
89
|
+
};
|
|
90
|
+
|
|
91
|
+
export default Checkbox;
|
|
@@ -2,10 +2,10 @@ import '@testing-library/jest-dom';
|
|
|
2
2
|
|
|
3
3
|
import { render, fireEvent, screen } from '@testing-library/react';
|
|
4
4
|
|
|
5
|
-
import Checkbox
|
|
5
|
+
import Checkbox from '.';
|
|
6
6
|
|
|
7
7
|
describe('Checkbox', () => {
|
|
8
|
-
let props
|
|
8
|
+
let props;
|
|
9
9
|
|
|
10
10
|
beforeEach(() => {
|
|
11
11
|
props = {
|
|
@@ -68,7 +68,7 @@ describe('Checkbox', () => {
|
|
|
68
68
|
|
|
69
69
|
it('has disabled class when the disabled prop is true', () => {
|
|
70
70
|
const { container } = render(<Checkbox {...props} disabled />);
|
|
71
|
-
expect(getCheckboxContainer(container)
|
|
71
|
+
expect(getCheckboxContainer(container).firstChild).toHaveClass('disabled');
|
|
72
72
|
});
|
|
73
73
|
|
|
74
74
|
it('passes required to checkbox button', () => {
|
|
@@ -117,7 +117,7 @@ describe('Checkbox', () => {
|
|
|
117
117
|
expect(getCheckboxContainer(container)).toHaveClass('checkbox-lg');
|
|
118
118
|
});
|
|
119
119
|
|
|
120
|
-
const getCheckboxContainer = (container
|
|
121
|
-
const getLabel = () => screen.getByText('hello').parentElement
|
|
120
|
+
const getCheckboxContainer = (container) => container.querySelector('.np-checkbox');
|
|
121
|
+
const getLabel = () => screen.getByText('hello').parentElement;
|
|
122
122
|
const getCheckbox = () => screen.getByRole('checkbox');
|
|
123
123
|
});
|
|
@@ -30,14 +30,34 @@ const definitions = [
|
|
|
30
30
|
|
|
31
31
|
export const Basic = () => {
|
|
32
32
|
const muted = boolean('muted', false);
|
|
33
|
-
const layout = select(
|
|
33
|
+
const layout = select(
|
|
34
|
+
'layout',
|
|
35
|
+
[
|
|
36
|
+
Layout.VERTICAL_TWO_COLUMN,
|
|
37
|
+
Layout.VERTICAL_ONE_COLUMN,
|
|
38
|
+
Layout.HORIZONTAL_JUSTIFIED,
|
|
39
|
+
Layout.HORIZONTAL_LEFT_ALIGNED,
|
|
40
|
+
Layout.HORIZONTAL_RIGHT_ALIGNED,
|
|
41
|
+
],
|
|
42
|
+
Layout.HORIZONTAL_LEFT_ALIGNED,
|
|
43
|
+
);
|
|
34
44
|
|
|
35
45
|
return <DefinitionList layout={layout} muted={muted} definitions={definitions} />;
|
|
36
46
|
};
|
|
37
47
|
|
|
38
48
|
export const WithActionButtons = () => {
|
|
39
49
|
const muted = boolean('muted', false);
|
|
40
|
-
const layout = select(
|
|
50
|
+
const layout = select(
|
|
51
|
+
'layout',
|
|
52
|
+
[
|
|
53
|
+
Layout.VERTICAL_TWO_COLUMN,
|
|
54
|
+
Layout.VERTICAL_ONE_COLUMN,
|
|
55
|
+
Layout.HORIZONTAL_JUSTIFIED,
|
|
56
|
+
Layout.HORIZONTAL_LEFT_ALIGNED,
|
|
57
|
+
Layout.HORIZONTAL_RIGHT_ALIGNED,
|
|
58
|
+
],
|
|
59
|
+
Layout.HORIZONTAL_LEFT_ALIGNED,
|
|
60
|
+
);
|
|
41
61
|
|
|
42
62
|
return (
|
|
43
63
|
<DefinitionList
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import classNames from 'classnames';
|
|
2
|
+
|
|
3
|
+
import ActionButton from '../actionButton';
|
|
4
|
+
import { Layout } from '../common';
|
|
5
|
+
|
|
6
|
+
interface Definition {
|
|
7
|
+
action?: {
|
|
8
|
+
label: string;
|
|
9
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
10
|
+
};
|
|
11
|
+
title: React.ReactNode;
|
|
12
|
+
value: React.ReactNode;
|
|
13
|
+
key: string;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
type DefinitionListLayout =
|
|
17
|
+
`${Layout.VERTICAL_TWO_COLUMN | Layout.VERTICAL_ONE_COLUMN | Layout.HORIZONTAL_JUSTIFIED | Layout.HORIZONTAL_LEFT_ALIGNED | Layout.HORIZONTAL_RIGHT_ALIGNED}`;
|
|
18
|
+
|
|
19
|
+
export interface DefinitionListProps {
|
|
20
|
+
definitions?: Definition[];
|
|
21
|
+
layout?: DefinitionListLayout;
|
|
22
|
+
muted?: boolean;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
const isLayoutHorizontal = (layout: DefinitionListLayout) =>
|
|
26
|
+
layout === Layout.HORIZONTAL_LEFT_ALIGNED ||
|
|
27
|
+
layout === Layout.HORIZONTAL_RIGHT_ALIGNED ||
|
|
28
|
+
layout === Layout.HORIZONTAL_JUSTIFIED;
|
|
29
|
+
|
|
30
|
+
const getAlignmentClasses = (layout: DefinitionListLayout, action: Definition['action']) => {
|
|
31
|
+
const classes = ['d-flex'];
|
|
32
|
+
|
|
33
|
+
if (action) {
|
|
34
|
+
if (isLayoutHorizontal(layout)) {
|
|
35
|
+
classes.push('align-items-center');
|
|
36
|
+
} else {
|
|
37
|
+
classes.push('align-items-start');
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
if (layout === Layout.HORIZONTAL_RIGHT_ALIGNED) {
|
|
42
|
+
classes.push('text-sm-right tw-definition-list--right-aligned-desktop');
|
|
43
|
+
} else {
|
|
44
|
+
classes.push('justify-content-between');
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
if (layout === Layout.HORIZONTAL_JUSTIFIED) {
|
|
48
|
+
classes.push('text-sm-justify');
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
return classes;
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
const defaultDefinitions = [] satisfies DefinitionListProps['definitions'];
|
|
55
|
+
|
|
56
|
+
export default function DefinitionList({
|
|
57
|
+
definitions = defaultDefinitions,
|
|
58
|
+
layout = 'VERTICAL_TWO_COLUMN',
|
|
59
|
+
muted,
|
|
60
|
+
}: DefinitionListProps) {
|
|
61
|
+
return (
|
|
62
|
+
<dl
|
|
63
|
+
className={classNames('tw-definition-list d-flex ', {
|
|
64
|
+
'text-muted': muted,
|
|
65
|
+
'flex-column': layout === Layout.VERTICAL_ONE_COLUMN,
|
|
66
|
+
'tw-definition-list--columns flex-column flex-row--sm':
|
|
67
|
+
layout === Layout.VERTICAL_TWO_COLUMN,
|
|
68
|
+
'tw-definition-list--horizontal flex-column': isLayoutHorizontal(layout),
|
|
69
|
+
})}
|
|
70
|
+
>
|
|
71
|
+
{definitions
|
|
72
|
+
.filter((definition) => definition)
|
|
73
|
+
.map(({ action, title, value, key }) => (
|
|
74
|
+
<div key={key} className="tw-definition-list__item">
|
|
75
|
+
<dt>{title}</dt>
|
|
76
|
+
<dd className={classNames(...getAlignmentClasses(layout, action))}>
|
|
77
|
+
<div>{value}</div>
|
|
78
|
+
{action ? (
|
|
79
|
+
<div
|
|
80
|
+
className={classNames(
|
|
81
|
+
isLayoutHorizontal(layout) ? 'p-l-2' : 'p-x-2',
|
|
82
|
+
'tw-definition-list__action',
|
|
83
|
+
)}
|
|
84
|
+
>
|
|
85
|
+
<ActionButton className="tw-definition-list__button" onClick={action.onClick}>
|
|
86
|
+
{action.label}
|
|
87
|
+
</ActionButton>
|
|
88
|
+
</div>
|
|
89
|
+
) : null}
|
|
90
|
+
</dd>
|
|
91
|
+
</div>
|
|
92
|
+
))}
|
|
93
|
+
</dl>
|
|
94
|
+
);
|
|
95
|
+
}
|
package/src/index.ts
CHANGED
|
@@ -7,7 +7,6 @@ export type { AlertAction, AlertProps, AlertType } from './alert';
|
|
|
7
7
|
export type { AvatarProps } from './avatar';
|
|
8
8
|
export type { BadgeProps } from './badge';
|
|
9
9
|
export type { CarouselProps } from './carousel';
|
|
10
|
-
export type { CheckboxProps } from './checkbox';
|
|
11
10
|
export type { CircularButtonProps } from './circularButton';
|
|
12
11
|
export type {
|
|
13
12
|
BodyTypes,
|
|
@@ -21,6 +20,7 @@ export type { BottomSheetProps } from './common/bottomSheet';
|
|
|
21
20
|
export type { DateInputProps } from './dateInput';
|
|
22
21
|
export type { DateLookupProps } from './dateLookup';
|
|
23
22
|
export type { DecisionProps } from './decision/Decision';
|
|
23
|
+
export type { DefinitionListProps } from './definitionList';
|
|
24
24
|
export type { DimmerProps } from './dimmer';
|
|
25
25
|
export type { EmphasisProps } from './emphasis';
|
|
26
26
|
export type { FieldProps } from './field/Field';
|
package/src/checkbox/index.ts
DELETED
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import classNames from 'classnames';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
|
|
4
|
-
import ActionButton from '../actionButton';
|
|
5
|
-
import { Layout } from '../common';
|
|
6
|
-
|
|
7
|
-
const isLayoutHorizontal = (layout) =>
|
|
8
|
-
[
|
|
9
|
-
Layout.HORIZONTAL_LEFT_ALIGNED,
|
|
10
|
-
Layout.HORIZONTAL_RIGHT_ALIGNED,
|
|
11
|
-
Layout.HORIZONTAL_JUSTIFIED,
|
|
12
|
-
].includes(layout);
|
|
13
|
-
|
|
14
|
-
const getAlignmentClasses = (layout, action) => {
|
|
15
|
-
let classes = ['d-flex'];
|
|
16
|
-
|
|
17
|
-
if (action) {
|
|
18
|
-
if (isLayoutHorizontal(layout)) {
|
|
19
|
-
classes.push('align-items-center');
|
|
20
|
-
} else {
|
|
21
|
-
classes.push('align-items-start');
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
if (layout === Layout.HORIZONTAL_RIGHT_ALIGNED) {
|
|
26
|
-
classes.push('text-sm-right tw-definition-list--right-aligned-desktop');
|
|
27
|
-
} else {
|
|
28
|
-
classes.push('justify-content-between');
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
if (layout === Layout.HORIZONTAL_JUSTIFIED) {
|
|
32
|
-
classes.push('text-sm-justify');
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
return classes;
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
const DefinitionList = ({ definitions, layout, muted }) => (
|
|
39
|
-
<dl
|
|
40
|
-
className={classNames('tw-definition-list d-flex ', {
|
|
41
|
-
'text-muted': muted,
|
|
42
|
-
'flex-column': layout === Layout.VERTICAL_ONE_COLUMN,
|
|
43
|
-
'tw-definition-list--columns flex-column flex-row--sm': layout === Layout.VERTICAL_TWO_COLUMN,
|
|
44
|
-
'tw-definition-list--horizontal flex-column': isLayoutHorizontal(layout),
|
|
45
|
-
})}
|
|
46
|
-
>
|
|
47
|
-
{definitions
|
|
48
|
-
.filter((definition) => definition)
|
|
49
|
-
.map(({ action, title, value, key }) => (
|
|
50
|
-
<div key={key} className="tw-definition-list__item">
|
|
51
|
-
<dt>{title}</dt>
|
|
52
|
-
<dd className={classNames(...getAlignmentClasses(layout, action))}>
|
|
53
|
-
<div>{value}</div>
|
|
54
|
-
{action ? (
|
|
55
|
-
<div
|
|
56
|
-
className={classNames(
|
|
57
|
-
isLayoutHorizontal(layout) ? 'p-l-2' : 'p-x-2',
|
|
58
|
-
'tw-definition-list__action',
|
|
59
|
-
)}
|
|
60
|
-
>
|
|
61
|
-
<ActionButton className="tw-definition-list__button" onClick={action.onClick}>
|
|
62
|
-
{action.label}
|
|
63
|
-
</ActionButton>
|
|
64
|
-
</div>
|
|
65
|
-
) : null}
|
|
66
|
-
</dd>
|
|
67
|
-
</div>
|
|
68
|
-
))}
|
|
69
|
-
</dl>
|
|
70
|
-
);
|
|
71
|
-
|
|
72
|
-
DefinitionList.propTypes = {
|
|
73
|
-
definitions: PropTypes.arrayOf(
|
|
74
|
-
PropTypes.shape({
|
|
75
|
-
action: PropTypes.shape({
|
|
76
|
-
label: PropTypes.string.isRequired,
|
|
77
|
-
onClick: PropTypes.func,
|
|
78
|
-
}),
|
|
79
|
-
title: PropTypes.node.isRequired,
|
|
80
|
-
value: PropTypes.node.isRequired,
|
|
81
|
-
key: PropTypes.string.isRequired,
|
|
82
|
-
}),
|
|
83
|
-
),
|
|
84
|
-
layout: PropTypes.oneOf([
|
|
85
|
-
'VERTICAL_TWO_COLUMN',
|
|
86
|
-
'VERTICAL_ONE_COLUMN',
|
|
87
|
-
'HORIZONTAL_JUSTIFIED',
|
|
88
|
-
'HORIZONTAL_LEFT_ALIGNED',
|
|
89
|
-
'HORIZONTAL_RIGHT_ALIGNED',
|
|
90
|
-
]),
|
|
91
|
-
muted: PropTypes.bool,
|
|
92
|
-
};
|
|
93
|
-
|
|
94
|
-
DefinitionList.defaultProps = {
|
|
95
|
-
definitions: [],
|
|
96
|
-
layout: Layout.VERTICAL_TWO_COLUMN,
|
|
97
|
-
muted: false,
|
|
98
|
-
};
|
|
99
|
-
|
|
100
|
-
export default DefinitionList;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from './DefinitionList';
|
|
File without changes
|