contentoh-components-library 21.2.41 → 21.2.42

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.
Files changed (5) hide show
  1. package/dist/components/molecules/CustomSelect/CustomSelect.stories.js +4 -21
  2. package/dist/components/molecules/CustomSelect/index.js +4 -3
  3. package/package.json +1 -1
  4. package/src/components/molecules/CustomSelect/CustomSelect.stories.js +7 -10
  5. package/src/components/molecules/CustomSelect/index.js +4 -3
package/dist/components/molecules/CustomSelect/CustomSelect.stories.js CHANGED
@@ -31,29 +31,12 @@ CustomSelectDefault.args = {
31
31
  // selectLabel: "Todos los departamentos",
32
32
  defaultOption: "Todos los departamentos",
33
33
  options: [{
34
- id: 1,
35
- name: "Decoración",
36
- subOptions: [{
37
- id: 1,
38
- name: "Espejos",
39
- isSelected: true
40
- }, {
41
- id: 2,
42
- name: "Persianas"
43
- }]
44
- }, {
45
- id: 2,
46
- name: "Eléctrico",
34
+ id: 47,
35
+ name: "Enero 2023",
47
36
  isSelected: true
48
37
  }, {
49
- id: 3,
50
- name: "Ferretería"
51
- }, {
52
- id: 4,
53
- name: "Herramientas"
54
- }, {
55
- id: 5,
56
- name: "Iluminación"
38
+ id: 49,
39
+ name: "Mis Favoritos"
57
40
  }],
58
41
  onClickItem: function onClickItem(v, id) {
59
42
  if (v) {
package/dist/components/molecules/CustomSelect/index.js CHANGED
@@ -39,7 +39,7 @@ var CustomSelect = function CustomSelect(_ref) {
39
39
  onClickItem = _ref.onClickItem,
40
40
  icon = _ref.icon;
41
41
 
42
- var _useState = (0, _react.useState)(options || []),
42
+ var _useState = (0, _react.useState)([]),
43
43
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
44
44
  filters = _useState2[0],
45
45
  setFilters = _useState2[1];
@@ -102,7 +102,8 @@ var CustomSelect = function CustomSelect(_ref) {
102
102
  });
103
103
  });
104
104
  setActiveFilters(obj);
105
- }, []);
105
+ setFilters(options);
106
+ }, [options]);
106
107
 
107
108
  var onChangeDatePicker = function onChangeDatePicker(dates) {
108
109
  var _dates = (0, _slicedToArray2.default)(dates, 2),
@@ -164,7 +165,7 @@ var CustomSelect = function CustomSelect(_ref) {
164
165
  }), defaultOption && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
165
166
  className: "default-option",
166
167
  onClick: function onClick() {
167
- setParameterArray([]);
168
+ setParameterArray && setParameterArray([]);
168
169
  setActiveFilters({});
169
170
  setShowList(false);
170
171
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "contentoh-components-library",
3
- "version": "21.2.41",
3
+ "version": "21.2.42",
4
4
  "dependencies": {
5
5
  "@aws-amplify/auth": "^4.5.3",
6
6
  "@aws-amplify/datastore": "^3.11.0",
package/src/components/molecules/CustomSelect/CustomSelect.stories.js CHANGED
@@ -13,17 +13,14 @@ CustomSelectDefault.args = {
13
13
  defaultOption: "Todos los departamentos",
14
14
  options: [
15
15
  {
16
- id: 1,
17
- name: "Decoración",
18
- subOptions: [
19
- { id: 1, name: "Espejos", isSelected: true },
20
- { id: 2, name: "Persianas" },
21
- ],
16
+ id: 47,
17
+ name: "Enero 2023",
18
+ isSelected: true,
19
+ },
20
+ {
21
+ id: 49,
22
+ name: "Mis Favoritos",
22
23
  },
23
- { id: 2, name: "Eléctrico", isSelected: true },
24
- { id: 3, name: "Ferretería" },
25
- { id: 4, name: "Herramientas" },
26
- { id: 5, name: "Iluminación" },
27
24
  ],
28
25
  onClickItem: (v, id) => {
29
26
  if (v) {
package/src/components/molecules/CustomSelect/index.js CHANGED
@@ -16,7 +16,7 @@ export const CustomSelect = ({
16
16
  onClickItem,
17
17
  icon,
18
18
  }) => {
19
- const [filters, setFilters] = useState(options || []);
19
+ const [filters, setFilters] = useState([]);
20
20
  const [showList, setShowList] = useCloseModal(customSelectId);
21
21
  const [text, setText] = useState("");
22
22
  const [showDatePicker, setShowDatePicker] = useCloseModal(customSelectId);
@@ -48,7 +48,8 @@ export const CustomSelect = ({
48
48
  });
49
49
  });
50
50
  setActiveFilters(obj);
51
- }, []);
51
+ setFilters(options);
52
+ }, [options]);
52
53
 
53
54
  const onChangeDatePicker = (dates) => {
54
55
  const [start, end] = dates;
@@ -105,7 +106,7 @@ export const CustomSelect = ({
105
106
  <div
106
107
  className="default-option"
107
108
  onClick={() => {
108
- setParameterArray([]);
109
+ setParameterArray && setParameterArray([]);
109
110
  setActiveFilters({});
110
111
  setShowList(false);
111
112
  }}