@rpg-engine/long-bow 0.8.214 → 0.8.215
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/long-bow.cjs.development.js +25 -2
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +26 -3
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Store/sections/StoreItemsSection.tsx +50 -15
|
@@ -39202,7 +39202,19 @@ var StoreItemsSection = function StoreItemsSection(_ref) {
|
|
|
39202
39202
|
currencySymbol: currencySymbol
|
|
39203
39203
|
}, meta));
|
|
39204
39204
|
};
|
|
39205
|
-
|
|
39205
|
+
var _useState = React.useState(false),
|
|
39206
|
+
showFilters = _useState[0],
|
|
39207
|
+
setShowFilters = _useState[1];
|
|
39208
|
+
return React__default.createElement(StoreContainer, null, React__default.createElement(FilterBar, null, React__default.createElement(FilterToggle, {
|
|
39209
|
+
"$active": showFilters,
|
|
39210
|
+
onClick: function onClick() {
|
|
39211
|
+
return setShowFilters(function (prev) {
|
|
39212
|
+
return !prev;
|
|
39213
|
+
});
|
|
39214
|
+
}
|
|
39215
|
+
}, React__default.createElement(fa.FaFilter, {
|
|
39216
|
+
size: 12
|
|
39217
|
+
}), React__default.createElement("span", null, "Filter"))), showFilters && React__default.createElement(SearchHeader$2, null, React__default.createElement(SearchBarContainer$1, null, React__default.createElement(SearchBar, {
|
|
39206
39218
|
value: searchQuery,
|
|
39207
39219
|
onChange: setSearchQuery,
|
|
39208
39220
|
placeholder: "Search items..."
|
|
@@ -39222,7 +39234,7 @@ var StoreItemsSection = function StoreItemsSection(_ref) {
|
|
|
39222
39234
|
renderItem: renderStoreItem,
|
|
39223
39235
|
emptyMessage: "No items match your filters.",
|
|
39224
39236
|
layout: "list",
|
|
39225
|
-
maxHeight: "
|
|
39237
|
+
maxHeight: "none"
|
|
39226
39238
|
}));
|
|
39227
39239
|
};
|
|
39228
39240
|
var StoreContainer = /*#__PURE__*/styled__default.div.withConfig({
|
|
@@ -39237,6 +39249,17 @@ var SearchBarContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
|
|
|
39237
39249
|
displayName: "StoreItemsSection__SearchBarContainer",
|
|
39238
39250
|
componentId: "sc-l6f466-2"
|
|
39239
39251
|
})(["flex:0.75;"]);
|
|
39252
|
+
var FilterBar = /*#__PURE__*/styled__default.div.withConfig({
|
|
39253
|
+
displayName: "StoreItemsSection__FilterBar",
|
|
39254
|
+
componentId: "sc-l6f466-3"
|
|
39255
|
+
})(["display:flex;padding-top:0.25rem;"]);
|
|
39256
|
+
var FilterToggle = /*#__PURE__*/styled__default.button.withConfig({
|
|
39257
|
+
displayName: "StoreItemsSection__FilterToggle",
|
|
39258
|
+
componentId: "sc-l6f466-4"
|
|
39259
|
+
})(["display:flex;align-items:center;gap:0.4rem;background:", ";border:1px solid rgba(255,255,255,0.3);color:#fff;padding:0.3rem 0.6rem;border-radius:4px;cursor:pointer;font-family:'Press Start 2P',cursive;font-size:0.55rem;&:hover{background:rgba(255,255,255,0.1);}"], function (_ref2) {
|
|
39260
|
+
var $active = _ref2.$active;
|
|
39261
|
+
return $active ? 'rgba(255,255,255,0.15)' : 'transparent';
|
|
39262
|
+
});
|
|
39240
39263
|
|
|
39241
39264
|
var usePackFiltering = function usePackFiltering(packs) {
|
|
39242
39265
|
var _useState = React.useState(''),
|