@panneau/core 3.0.154 → 3.0.156
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/es/hooks.js +37 -20
- package/lib/hooks.js +37 -20
- package/package.json +2 -2
package/es/hooks.js
CHANGED
|
@@ -1104,6 +1104,9 @@ var eventsManager = typeof window !== 'undefined' ? new EventsManager(window) :
|
|
|
1104
1104
|
var useWindowEvent = createUseEvent(eventsManager);
|
|
1105
1105
|
var useWindowEvent$1 = useWindowEvent;
|
|
1106
1106
|
|
|
1107
|
+
function getItemsArray(items) {
|
|
1108
|
+
return !isArray(items) && items !== null ? [items] : items;
|
|
1109
|
+
}
|
|
1107
1110
|
var useItemSelection = function useItemSelection(_ref) {
|
|
1108
1111
|
var _ref$items = _ref.items,
|
|
1109
1112
|
items = _ref$items === void 0 ? null : _ref$items,
|
|
@@ -1113,11 +1116,12 @@ var useItemSelection = function useItemSelection(_ref) {
|
|
|
1113
1116
|
multipleSelection = _ref$multipleSelectio === void 0 ? false : _ref$multipleSelectio,
|
|
1114
1117
|
_ref$onSelectionChang = _ref.onSelectionChange,
|
|
1115
1118
|
onSelectionChange = _ref$onSelectionChang === void 0 ? null : _ref$onSelectionChang;
|
|
1116
|
-
var initialItems =
|
|
1119
|
+
var initialItems = getItemsArray(initialSelectedItems);
|
|
1117
1120
|
var _useState = useState(initialItems),
|
|
1118
1121
|
_useState2 = _slicedToArray(_useState, 2),
|
|
1119
1122
|
selectedItems = _useState2[0],
|
|
1120
1123
|
setSelectedItems = _useState2[1];
|
|
1124
|
+
console.log('selectedItems', selectedItems);
|
|
1121
1125
|
var onSelectItem = useCallback(function (item, index) {
|
|
1122
1126
|
var _ref2 = item || {},
|
|
1123
1127
|
_ref2$id = _ref2.id,
|
|
@@ -1145,34 +1149,46 @@ var useItemSelection = function useItemSelection(_ref) {
|
|
|
1145
1149
|
onSelectionChange(finalValue, item, index);
|
|
1146
1150
|
}
|
|
1147
1151
|
}, [selectedItems, onSelectionChange, multipleSelection]);
|
|
1152
|
+
var onSelectItems = useCallback(function (newItems, index) {
|
|
1153
|
+
console.log('yosh', newItems);
|
|
1154
|
+
setSelectedItems(newItems);
|
|
1155
|
+
if (onSelectionChange !== null) {
|
|
1156
|
+
var _ref7 = newItems || [],
|
|
1157
|
+
_ref8 = _slicedToArray(_ref7, 1),
|
|
1158
|
+
_ref8$ = _ref8[0],
|
|
1159
|
+
firstItem = _ref8$ === void 0 ? null : _ref8$;
|
|
1160
|
+
var finalValue = multipleSelection ? newItems : firstItem;
|
|
1161
|
+
onSelectionChange(finalValue, null, index);
|
|
1162
|
+
}
|
|
1163
|
+
}, [selectedItems, onSelectionChange, multipleSelection]);
|
|
1148
1164
|
var onSelectPage = useCallback(function () {
|
|
1149
1165
|
var pageSelected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
1150
1166
|
var nextItems = [];
|
|
1151
1167
|
if (!pageSelected) {
|
|
1152
1168
|
nextItems = uniqBy([].concat(_toConsumableArray(items || []), _toConsumableArray(selectedItems || [])), function () {
|
|
1153
|
-
var
|
|
1154
|
-
|
|
1155
|
-
id =
|
|
1169
|
+
var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
1170
|
+
_ref9$id = _ref9.id,
|
|
1171
|
+
id = _ref9$id === void 0 ? null : _ref9$id;
|
|
1156
1172
|
return id;
|
|
1157
1173
|
});
|
|
1158
1174
|
} else {
|
|
1159
1175
|
var ids = (items || []).map(function () {
|
|
1160
|
-
var
|
|
1161
|
-
|
|
1162
|
-
id =
|
|
1176
|
+
var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
1177
|
+
_ref10$id = _ref10.id,
|
|
1178
|
+
id = _ref10$id === void 0 ? null : _ref10$id;
|
|
1163
1179
|
return id;
|
|
1164
1180
|
}).filter(function (id) {
|
|
1165
1181
|
return id !== null;
|
|
1166
1182
|
});
|
|
1167
1183
|
nextItems = uniqBy((selectedItems || []).filter(function (it) {
|
|
1168
|
-
var
|
|
1169
|
-
|
|
1170
|
-
id =
|
|
1184
|
+
var _ref11 = it || {},
|
|
1185
|
+
_ref11$id = _ref11.id,
|
|
1186
|
+
id = _ref11$id === void 0 ? null : _ref11$id;
|
|
1171
1187
|
return ids.indexOf(id) === -1;
|
|
1172
1188
|
}), function () {
|
|
1173
|
-
var
|
|
1174
|
-
|
|
1175
|
-
id =
|
|
1189
|
+
var _ref12 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
1190
|
+
_ref12$id = _ref12.id,
|
|
1191
|
+
id = _ref12$id === void 0 ? null : _ref12$id;
|
|
1176
1192
|
return id;
|
|
1177
1193
|
});
|
|
1178
1194
|
}
|
|
@@ -1188,16 +1204,16 @@ var useItemSelection = function useItemSelection(_ref) {
|
|
|
1188
1204
|
}
|
|
1189
1205
|
}, [setSelectedItems, onSelectionChange, multipleSelection]);
|
|
1190
1206
|
useEffect(function () {
|
|
1191
|
-
setSelectedItems(initialSelectedItems);
|
|
1207
|
+
setSelectedItems(getItemsArray(initialSelectedItems));
|
|
1192
1208
|
}, [initialSelectedItems]);
|
|
1193
1209
|
var pageSelected = useMemo(function () {
|
|
1194
1210
|
if (items === null || selectedItems === null) {
|
|
1195
1211
|
return false;
|
|
1196
1212
|
}
|
|
1197
1213
|
var ids = (items || []).map(function () {
|
|
1198
|
-
var
|
|
1199
|
-
|
|
1200
|
-
id =
|
|
1214
|
+
var _ref13 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
1215
|
+
_ref13$id = _ref13.id,
|
|
1216
|
+
id = _ref13$id === void 0 ? null : _ref13$id;
|
|
1201
1217
|
return id;
|
|
1202
1218
|
}).filter(function (id) {
|
|
1203
1219
|
return id !== null;
|
|
@@ -1206,9 +1222,9 @@ var useItemSelection = function useItemSelection(_ref) {
|
|
|
1206
1222
|
return false;
|
|
1207
1223
|
}
|
|
1208
1224
|
var currentPageItems = (selectedItems || []).filter(function (it) {
|
|
1209
|
-
var
|
|
1210
|
-
|
|
1211
|
-
id =
|
|
1225
|
+
var _ref14 = it || {},
|
|
1226
|
+
_ref14$id = _ref14.id,
|
|
1227
|
+
id = _ref14$id === void 0 ? null : _ref14$id;
|
|
1212
1228
|
return (ids || []).indexOf(id) !== -1;
|
|
1213
1229
|
}) || [];
|
|
1214
1230
|
return currentPageItems.length > 0 && currentPageItems.length === (items || []).length;
|
|
@@ -1221,6 +1237,7 @@ var useItemSelection = function useItemSelection(_ref) {
|
|
|
1221
1237
|
}, [selectedItems]);
|
|
1222
1238
|
return {
|
|
1223
1239
|
onSelectItem: onSelectItem,
|
|
1240
|
+
onSelectItems: onSelectItems,
|
|
1224
1241
|
onSelectPage: onSelectPage,
|
|
1225
1242
|
onClearSelected: onClearSelected,
|
|
1226
1243
|
pageSelected: pageSelected,
|
package/lib/hooks.js
CHANGED
|
@@ -1106,6 +1106,9 @@ var eventsManager = typeof window !== 'undefined' ? new core.EventsManager(windo
|
|
|
1106
1106
|
var useWindowEvent = utils.createUseEvent(eventsManager);
|
|
1107
1107
|
var useWindowEvent$1 = useWindowEvent;
|
|
1108
1108
|
|
|
1109
|
+
function getItemsArray(items) {
|
|
1110
|
+
return !isArray(items) && items !== null ? [items] : items;
|
|
1111
|
+
}
|
|
1109
1112
|
var useItemSelection = function useItemSelection(_ref) {
|
|
1110
1113
|
var _ref$items = _ref.items,
|
|
1111
1114
|
items = _ref$items === void 0 ? null : _ref$items,
|
|
@@ -1115,11 +1118,12 @@ var useItemSelection = function useItemSelection(_ref) {
|
|
|
1115
1118
|
multipleSelection = _ref$multipleSelectio === void 0 ? false : _ref$multipleSelectio,
|
|
1116
1119
|
_ref$onSelectionChang = _ref.onSelectionChange,
|
|
1117
1120
|
onSelectionChange = _ref$onSelectionChang === void 0 ? null : _ref$onSelectionChang;
|
|
1118
|
-
var initialItems =
|
|
1121
|
+
var initialItems = getItemsArray(initialSelectedItems);
|
|
1119
1122
|
var _useState = react.useState(initialItems),
|
|
1120
1123
|
_useState2 = _slicedToArray(_useState, 2),
|
|
1121
1124
|
selectedItems = _useState2[0],
|
|
1122
1125
|
setSelectedItems = _useState2[1];
|
|
1126
|
+
console.log('selectedItems', selectedItems);
|
|
1123
1127
|
var onSelectItem = react.useCallback(function (item, index) {
|
|
1124
1128
|
var _ref2 = item || {},
|
|
1125
1129
|
_ref2$id = _ref2.id,
|
|
@@ -1147,34 +1151,46 @@ var useItemSelection = function useItemSelection(_ref) {
|
|
|
1147
1151
|
onSelectionChange(finalValue, item, index);
|
|
1148
1152
|
}
|
|
1149
1153
|
}, [selectedItems, onSelectionChange, multipleSelection]);
|
|
1154
|
+
var onSelectItems = react.useCallback(function (newItems, index) {
|
|
1155
|
+
console.log('yosh', newItems);
|
|
1156
|
+
setSelectedItems(newItems);
|
|
1157
|
+
if (onSelectionChange !== null) {
|
|
1158
|
+
var _ref7 = newItems || [],
|
|
1159
|
+
_ref8 = _slicedToArray(_ref7, 1),
|
|
1160
|
+
_ref8$ = _ref8[0],
|
|
1161
|
+
firstItem = _ref8$ === void 0 ? null : _ref8$;
|
|
1162
|
+
var finalValue = multipleSelection ? newItems : firstItem;
|
|
1163
|
+
onSelectionChange(finalValue, null, index);
|
|
1164
|
+
}
|
|
1165
|
+
}, [selectedItems, onSelectionChange, multipleSelection]);
|
|
1150
1166
|
var onSelectPage = react.useCallback(function () {
|
|
1151
1167
|
var pageSelected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
1152
1168
|
var nextItems = [];
|
|
1153
1169
|
if (!pageSelected) {
|
|
1154
1170
|
nextItems = uniqBy([].concat(_toConsumableArray(items || []), _toConsumableArray(selectedItems || [])), function () {
|
|
1155
|
-
var
|
|
1156
|
-
|
|
1157
|
-
id =
|
|
1171
|
+
var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
1172
|
+
_ref9$id = _ref9.id,
|
|
1173
|
+
id = _ref9$id === void 0 ? null : _ref9$id;
|
|
1158
1174
|
return id;
|
|
1159
1175
|
});
|
|
1160
1176
|
} else {
|
|
1161
1177
|
var ids = (items || []).map(function () {
|
|
1162
|
-
var
|
|
1163
|
-
|
|
1164
|
-
id =
|
|
1178
|
+
var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
1179
|
+
_ref10$id = _ref10.id,
|
|
1180
|
+
id = _ref10$id === void 0 ? null : _ref10$id;
|
|
1165
1181
|
return id;
|
|
1166
1182
|
}).filter(function (id) {
|
|
1167
1183
|
return id !== null;
|
|
1168
1184
|
});
|
|
1169
1185
|
nextItems = uniqBy((selectedItems || []).filter(function (it) {
|
|
1170
|
-
var
|
|
1171
|
-
|
|
1172
|
-
id =
|
|
1186
|
+
var _ref11 = it || {},
|
|
1187
|
+
_ref11$id = _ref11.id,
|
|
1188
|
+
id = _ref11$id === void 0 ? null : _ref11$id;
|
|
1173
1189
|
return ids.indexOf(id) === -1;
|
|
1174
1190
|
}), function () {
|
|
1175
|
-
var
|
|
1176
|
-
|
|
1177
|
-
id =
|
|
1191
|
+
var _ref12 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
1192
|
+
_ref12$id = _ref12.id,
|
|
1193
|
+
id = _ref12$id === void 0 ? null : _ref12$id;
|
|
1178
1194
|
return id;
|
|
1179
1195
|
});
|
|
1180
1196
|
}
|
|
@@ -1190,16 +1206,16 @@ var useItemSelection = function useItemSelection(_ref) {
|
|
|
1190
1206
|
}
|
|
1191
1207
|
}, [setSelectedItems, onSelectionChange, multipleSelection]);
|
|
1192
1208
|
react.useEffect(function () {
|
|
1193
|
-
setSelectedItems(initialSelectedItems);
|
|
1209
|
+
setSelectedItems(getItemsArray(initialSelectedItems));
|
|
1194
1210
|
}, [initialSelectedItems]);
|
|
1195
1211
|
var pageSelected = react.useMemo(function () {
|
|
1196
1212
|
if (items === null || selectedItems === null) {
|
|
1197
1213
|
return false;
|
|
1198
1214
|
}
|
|
1199
1215
|
var ids = (items || []).map(function () {
|
|
1200
|
-
var
|
|
1201
|
-
|
|
1202
|
-
id =
|
|
1216
|
+
var _ref13 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
1217
|
+
_ref13$id = _ref13.id,
|
|
1218
|
+
id = _ref13$id === void 0 ? null : _ref13$id;
|
|
1203
1219
|
return id;
|
|
1204
1220
|
}).filter(function (id) {
|
|
1205
1221
|
return id !== null;
|
|
@@ -1208,9 +1224,9 @@ var useItemSelection = function useItemSelection(_ref) {
|
|
|
1208
1224
|
return false;
|
|
1209
1225
|
}
|
|
1210
1226
|
var currentPageItems = (selectedItems || []).filter(function (it) {
|
|
1211
|
-
var
|
|
1212
|
-
|
|
1213
|
-
id =
|
|
1227
|
+
var _ref14 = it || {},
|
|
1228
|
+
_ref14$id = _ref14.id,
|
|
1229
|
+
id = _ref14$id === void 0 ? null : _ref14$id;
|
|
1214
1230
|
return (ids || []).indexOf(id) !== -1;
|
|
1215
1231
|
}) || [];
|
|
1216
1232
|
return currentPageItems.length > 0 && currentPageItems.length === (items || []).length;
|
|
@@ -1223,6 +1239,7 @@ var useItemSelection = function useItemSelection(_ref) {
|
|
|
1223
1239
|
}, [selectedItems]);
|
|
1224
1240
|
return {
|
|
1225
1241
|
onSelectItem: onSelectItem,
|
|
1242
|
+
onSelectItems: onSelectItems,
|
|
1226
1243
|
onSelectPage: onSelectPage,
|
|
1227
1244
|
onClearSelected: onClearSelected,
|
|
1228
1245
|
pageSelected: pageSelected,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@panneau/core",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.156",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -111,5 +111,5 @@
|
|
|
111
111
|
"publishConfig": {
|
|
112
112
|
"access": "public"
|
|
113
113
|
},
|
|
114
|
-
"gitHead": "
|
|
114
|
+
"gitHead": "3a248daabc4ba795ed1d39d148c1f1667fb203a3"
|
|
115
115
|
}
|