@citygross/components 0.7.58 → 0.7.59
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/@types/components/RadioListItem/RadioListItem.d.ts +1 -1
- package/build/@types/components/RadioListItem/RadioListItem.stories.d.ts +0 -8
- package/build/cjs/components/src/components/RadioListItem/RadioListItem.js +4 -5
- package/build/cjs/components/src/components/RadioListItem/RadioListItem.js.map +1 -1
- package/build/es/components/src/components/RadioListItem/RadioListItem.js +4 -5
- package/build/es/components/src/components/RadioListItem/RadioListItem.js.map +1 -1
- package/package.json +2 -2
|
@@ -5,7 +5,7 @@ export declare type TRadioListItemProps = styles.TBaseRadioItemInputWrapper & {
|
|
|
5
5
|
onClick: (value: string | number) => void;
|
|
6
6
|
radioColor?: keyof TRadioColor;
|
|
7
7
|
name: string;
|
|
8
|
-
selected?:
|
|
8
|
+
selected?: boolean;
|
|
9
9
|
defaultDisabledString?: string;
|
|
10
10
|
dotIndicator?: TDot;
|
|
11
11
|
transparent?: boolean;
|
|
@@ -4,14 +4,6 @@ declare const _default: {
|
|
|
4
4
|
component: typeof RadioListItem;
|
|
5
5
|
subComponents: typeof RadioListItem;
|
|
6
6
|
title: string;
|
|
7
|
-
argTypes: {
|
|
8
|
-
selected: {
|
|
9
|
-
options: (string | null)[];
|
|
10
|
-
control: {
|
|
11
|
-
type: string;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
7
|
};
|
|
16
8
|
export default _default;
|
|
17
9
|
export declare const Default: Story<TRadioListItemProps>;
|
|
@@ -16,22 +16,21 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
16
16
|
function RadioListItem(_a) {
|
|
17
17
|
var _b, _c, _d, _e;
|
|
18
18
|
var onClick = _a.onClick, selected = _a.selected, name = _a.name, _f = _a.radioColor, radioColor = _f === void 0 ? 'alertBlue' : _f, defaultDisabledString = _a.defaultDisabledString, _g = _a.flexGrow, flexGrow = _g === void 0 ? 1 : _g, isDisabled = _a.isDisabled, dotIndicator = _a.dotIndicator, transparent = _a.transparent, noPadding = _a.noPadding, label = _a.label, disabledText = _a.disabledText, secondaryLabel = _a.secondaryLabel, textOnSelected = _a.textOnSelected, value = _a.value, children = _a.children;
|
|
19
|
-
var checked = value === selected;
|
|
20
19
|
return (React__default['default'].createElement(RadioListItem_styles.BaseRadioListItemContainer, { background: transparent
|
|
21
20
|
? (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.transparent
|
|
22
21
|
: designTokens.theme && designTokens.theme.palette
|
|
23
|
-
?
|
|
22
|
+
? selected
|
|
24
23
|
? (_c = designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.blueLight
|
|
25
24
|
: (_d = designTokens.theme.palette) === null || _d === void 0 ? void 0 : _d.white
|
|
26
25
|
: 'white', noPadding: noPadding, onClick: isDisabled ? function () { } : function () { return onClick(value); } },
|
|
27
26
|
React__default['default'].createElement(RadioListItem_styles.RadioFlex, null,
|
|
28
27
|
React__default['default'].createElement(RadioListItem_styles.BaseRadioItemLeftWrapper, { isDisabled: isDisabled, flexGrow: flexGrow },
|
|
29
|
-
React__default['default'].createElement(Radio.Radio, { customColor: radioColor, checked:
|
|
28
|
+
React__default['default'].createElement(Radio.Radio, { customColor: radioColor, checked: selected, disabled: isDisabled, name: name, onChange: function () { return onClick(value); }, value: value }),
|
|
30
29
|
React__default['default'].createElement(RadioListItem_styles.StyledH3, { lineThrough: isDisabled }, label)),
|
|
31
30
|
React__default['default'].createElement(RadioListItem_styles.RadioSecondaryWrapper, null,
|
|
32
|
-
React__default['default'].createElement("span", null, dotIndicator &&
|
|
31
|
+
React__default['default'].createElement("span", null, dotIndicator && selected && (React__default['default'].createElement(DotIndicator.Dot, { color: dotIndicator.color, shadow: dotIndicator.shadow }))),
|
|
33
32
|
isDisabled ? (React__default['default'].createElement(typography.BodyText, null, disabledText || defaultDisabledString)) : (children || secondaryLabel))),
|
|
34
|
-
textOnSelected &&
|
|
33
|
+
textOnSelected && selected && (React__default['default'].createElement(RadioListItem_styles.ExtraTextContainer, null,
|
|
35
34
|
React__default['default'].createElement(typography.BodyText, { size: typography.TextTypes.TextSize.SMALL, color: (_e = designTokens.theme.palette) === null || _e === void 0 ? void 0 : _e.dark }, textOnSelected)))));
|
|
36
35
|
}
|
|
37
36
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RadioListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -8,22 +8,21 @@ import { BaseRadioListItemContainer, RadioFlex, BaseRadioItemLeftWrapper, Styled
|
|
|
8
8
|
function RadioListItem(_a) {
|
|
9
9
|
var _b, _c, _d, _e;
|
|
10
10
|
var onClick = _a.onClick, selected = _a.selected, name = _a.name, _f = _a.radioColor, radioColor = _f === void 0 ? 'alertBlue' : _f, defaultDisabledString = _a.defaultDisabledString, _g = _a.flexGrow, flexGrow = _g === void 0 ? 1 : _g, isDisabled = _a.isDisabled, dotIndicator = _a.dotIndicator, transparent = _a.transparent, noPadding = _a.noPadding, label = _a.label, disabledText = _a.disabledText, secondaryLabel = _a.secondaryLabel, textOnSelected = _a.textOnSelected, value = _a.value, children = _a.children;
|
|
11
|
-
var checked = value === selected;
|
|
12
11
|
return (React.createElement(BaseRadioListItemContainer, { background: transparent
|
|
13
12
|
? (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.transparent
|
|
14
13
|
: theme && theme.palette
|
|
15
|
-
?
|
|
14
|
+
? selected
|
|
16
15
|
? (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.blueLight
|
|
17
16
|
: (_d = theme.palette) === null || _d === void 0 ? void 0 : _d.white
|
|
18
17
|
: 'white', noPadding: noPadding, onClick: isDisabled ? function () { } : function () { return onClick(value); } },
|
|
19
18
|
React.createElement(RadioFlex, null,
|
|
20
19
|
React.createElement(BaseRadioItemLeftWrapper, { isDisabled: isDisabled, flexGrow: flexGrow },
|
|
21
|
-
React.createElement(Radio, { customColor: radioColor, checked:
|
|
20
|
+
React.createElement(Radio, { customColor: radioColor, checked: selected, disabled: isDisabled, name: name, onChange: function () { return onClick(value); }, value: value }),
|
|
22
21
|
React.createElement(StyledH3, { lineThrough: isDisabled }, label)),
|
|
23
22
|
React.createElement(RadioSecondaryWrapper, null,
|
|
24
|
-
React.createElement("span", null, dotIndicator &&
|
|
23
|
+
React.createElement("span", null, dotIndicator && selected && (React.createElement(Dot, { color: dotIndicator.color, shadow: dotIndicator.shadow }))),
|
|
25
24
|
isDisabled ? (React.createElement(BodyText, null, disabledText || defaultDisabledString)) : (children || secondaryLabel))),
|
|
26
|
-
textOnSelected &&
|
|
25
|
+
textOnSelected && selected && (React.createElement(ExtraTextContainer, null,
|
|
27
26
|
React.createElement(BodyText, { size: TextTypes.TextSize.SMALL, color: (_e = theme.palette) === null || _e === void 0 ? void 0 : _e.dark }, textOnSelected)))));
|
|
28
27
|
}
|
|
29
28
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RadioListItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@citygross/components",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.59",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./build/cjs/components/src/index.js",
|
|
@@ -71,5 +71,5 @@
|
|
|
71
71
|
"moment": "^2.29.1",
|
|
72
72
|
"react-loading-skeleton": "^2.2.0"
|
|
73
73
|
},
|
|
74
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "fb7d7f27840d21cfdfb18b38777b2b0a3fac71ec"
|
|
75
75
|
}
|