contentoh-components-library 21.2.68 → 21.2.70
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/dist/components/atoms/CustomSelectItem/index.js +7 -3
- package/dist/components/molecules/SignInLogin/index.js +1 -1
- package/dist/components/pages/CustomerLogin/CustomerLogin.stories.js +1 -1
- package/package.json +1 -1
- package/src/components/atoms/CustomSelectItem/index.js +7 -2
- package/src/components/molecules/SignInLogin/index.js +1 -1
- package/src/components/pages/CustomerLogin/CustomerLogin.stories.js +6 -4
|
@@ -35,7 +35,9 @@ var CustomSelectItem = function CustomSelectItem(_ref) {
|
|
|
35
35
|
setParameterArray = _ref.setParameterArray,
|
|
36
36
|
className = _ref.className,
|
|
37
37
|
_ref$route = _ref.route,
|
|
38
|
-
route = _ref$route === void 0 ? "" : _ref$route
|
|
38
|
+
route = _ref$route === void 0 ? "" : _ref$route,
|
|
39
|
+
_ref$id = _ref.id,
|
|
40
|
+
id = _ref$id === void 0 ? "" : _ref$id;
|
|
39
41
|
|
|
40
42
|
var _useState = (0, _react.useState)(false),
|
|
41
43
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
@@ -140,8 +142,9 @@ var CustomSelectItem = function CustomSelectItem(_ref) {
|
|
|
140
142
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
141
143
|
className: className,
|
|
142
144
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckBox.CheckBox, {
|
|
143
|
-
id: "main-item-" + option.name,
|
|
145
|
+
id: "main-item-" + (id ? id + "-" : "") + option.id + "-" + option.name,
|
|
144
146
|
label: option.name,
|
|
147
|
+
checked: activeFilters[option.name],
|
|
145
148
|
defaultChecked: activeFilters[option.name],
|
|
146
149
|
onChange: function onChange(e) {
|
|
147
150
|
return onChangeChk(e, option);
|
|
@@ -158,6 +161,7 @@ var CustomSelectItem = function CustomSelectItem(_ref) {
|
|
|
158
161
|
children: option.subOptions.map(function (subOption, index) {
|
|
159
162
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomSelectItem, {
|
|
160
163
|
option: subOption,
|
|
164
|
+
id: id,
|
|
161
165
|
className: "sub-option",
|
|
162
166
|
route: "".concat(filterRoute, "|").concat(subOption.name),
|
|
163
167
|
activeFilters: activeFilters[option.name],
|
|
@@ -165,7 +169,7 @@ var CustomSelectItem = function CustomSelectItem(_ref) {
|
|
|
165
169
|
globalFilters: globalFilters,
|
|
166
170
|
setActiveFilters: setActiveFilters,
|
|
167
171
|
setParameterArray: setParameterArray
|
|
168
|
-
}, index + "-" + subOption.name);
|
|
172
|
+
}, index + (id ? id + "-" : "") + subOption.name);
|
|
169
173
|
})
|
|
170
174
|
})]
|
|
171
175
|
});
|
|
@@ -283,7 +283,7 @@ var SignInLogin = function SignInLogin(props) {
|
|
|
283
283
|
return props.setPaso(10);
|
|
284
284
|
},
|
|
285
285
|
className: "active-right",
|
|
286
|
-
children: "
|
|
286
|
+
children: "Olvid\xE9 mi contrase\xF1a"
|
|
287
287
|
})]
|
|
288
288
|
}), showErrors && signInError === "NotAuthorizedException" && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
|
|
289
289
|
children: "Correo o contrase\xF1a incorrectos"
|
|
@@ -79,7 +79,7 @@ CustomerLoginDefault.args = {
|
|
|
79
79
|
className: "active-left"
|
|
80
80
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
81
81
|
className: "active-right",
|
|
82
|
-
children: "
|
|
82
|
+
children: "Olvid\xE9 mi contrase\xF1a"
|
|
83
83
|
})]
|
|
84
84
|
}, "5"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
85
85
|
className: "button-right",
|
package/package.json
CHANGED
|
@@ -11,6 +11,7 @@ export const CustomSelectItem = ({
|
|
|
11
11
|
setParameterArray,
|
|
12
12
|
className,
|
|
13
13
|
route = "",
|
|
14
|
+
id = "",
|
|
14
15
|
}) => {
|
|
15
16
|
const [showSubOptions, setShowSubOptions] = useState(false);
|
|
16
17
|
const filterRoute = route;
|
|
@@ -108,8 +109,11 @@ export const CustomSelectItem = ({
|
|
|
108
109
|
<Container mainDivClass={className}>
|
|
109
110
|
<div className={className}>
|
|
110
111
|
<CheckBox
|
|
111
|
-
id={
|
|
112
|
+
id={
|
|
113
|
+
"main-item-" + (id ? id + "-" : "") + option.id + "-" + option.name
|
|
114
|
+
}
|
|
112
115
|
label={option.name}
|
|
116
|
+
checked={activeFilters[option.name]}
|
|
113
117
|
defaultChecked={activeFilters[option.name]}
|
|
114
118
|
onChange={(e) => onChangeChk(e, option)}
|
|
115
119
|
/>
|
|
@@ -126,8 +130,9 @@ export const CustomSelectItem = ({
|
|
|
126
130
|
<div className="sub-options">
|
|
127
131
|
{option.subOptions.map((subOption, index) => (
|
|
128
132
|
<CustomSelectItem
|
|
129
|
-
key={index + "-" + subOption.name}
|
|
133
|
+
key={index + (id ? id + "-" : "") + subOption.name}
|
|
130
134
|
option={subOption}
|
|
135
|
+
id={id}
|
|
131
136
|
className={"sub-option"}
|
|
132
137
|
route={`${filterRoute}|${subOption.name}`}
|
|
133
138
|
activeFilters={activeFilters[option.name]}
|
|
@@ -192,7 +192,7 @@ export const SignInLogin = (props) => {
|
|
|
192
192
|
className="active-left"
|
|
193
193
|
/>
|
|
194
194
|
<p onClick={() => props.setPaso(10)} className="active-right">
|
|
195
|
-
|
|
195
|
+
Olvidé mi contraseña
|
|
196
196
|
</p>
|
|
197
197
|
</div>
|
|
198
198
|
{showErrors && signInError === "NotAuthorizedException" && (
|
|
@@ -24,13 +24,15 @@ CustomerLoginDefault.args = {
|
|
|
24
24
|
text={"Bienvenido a Cadena"}
|
|
25
25
|
key="1"
|
|
26
26
|
/>,
|
|
27
|
-
<p key="2">
|
|
28
|
-
|
|
27
|
+
<p key="2">
|
|
28
|
+
La platarforma que conecta cadenas retailers con proveedores.
|
|
29
|
+
</p>,
|
|
30
|
+
<CustomerTypeImages key="3" />,
|
|
29
31
|
],
|
|
30
32
|
},
|
|
31
33
|
loginRight: {
|
|
32
34
|
componentsArray: [
|
|
33
|
-
<LogoImage key="1"/>,
|
|
35
|
+
<LogoImage key="1" />,
|
|
34
36
|
<div className="credenciales" key="2">
|
|
35
37
|
<ScreenHeader
|
|
36
38
|
fontFamily={FontFamily.AvenirNext}
|
|
@@ -58,7 +60,7 @@ CustomerLoginDefault.args = {
|
|
|
58
60
|
id={"chk-default"}
|
|
59
61
|
className="active-left"
|
|
60
62
|
/>
|
|
61
|
-
<p className="active-right">
|
|
63
|
+
<p className="active-right">Olvidé mi contraseña</p>
|
|
62
64
|
</div>,
|
|
63
65
|
<div className="button-right" key="6">
|
|
64
66
|
<Button
|