willba-component-library 0.0.90 → 0.1.0
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/README.md +54 -0
- package/lib/components/FilterBar/FilterBar.d.ts +2 -1
- package/lib/components/FilterBar/hooks/useFilterBar.d.ts +5 -1
- package/lib/index.d.ts +2 -1
- package/lib/index.esm.js +13 -11
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +13 -11
- package/lib/index.js.map +1 -1
- package/lib/index.umd.js +13 -11
- package/lib/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/FilterBar/FilterBar.stories.tsx +1 -0
- package/src/components/FilterBar/FilterBar.tsx +9 -3
- package/src/components/FilterBar/hooks/useFilterBar.tsx +9 -4
package/lib/index.umd.js
CHANGED
|
@@ -8008,11 +8008,12 @@
|
|
|
8008
8008
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
8009
8009
|
};
|
|
8010
8010
|
|
|
8011
|
-
function useFilterBar(
|
|
8012
|
-
var
|
|
8013
|
-
var _b = React__default.useState(),
|
|
8014
|
-
var _c = React__default.useState(
|
|
8015
|
-
var _d = React__default.useState(
|
|
8011
|
+
function useFilterBar(_a) {
|
|
8012
|
+
var redirectUrl = _a.redirectUrl;
|
|
8013
|
+
var _b = React__default.useState(false), selectedFilter = _b[0], setSelectedFilter = _b[1];
|
|
8014
|
+
var _c = React__default.useState(), calendarRange = _c[0], setCalendarRange = _c[1];
|
|
8015
|
+
var _d = React__default.useState(0), categories = _d[0], setCategories = _d[1];
|
|
8016
|
+
var _e = React__default.useState({}), ageCategoryCounts = _e[0], setAgeCategoryCounts = _e[1];
|
|
8016
8017
|
var updateGuestsCount = function (id, newCount) {
|
|
8017
8018
|
setAgeCategoryCounts(function (prevCounts) {
|
|
8018
8019
|
var _a;
|
|
@@ -8053,8 +8054,7 @@
|
|
|
8053
8054
|
queryParams.append(key, value.toString());
|
|
8054
8055
|
}
|
|
8055
8056
|
}
|
|
8056
|
-
|
|
8057
|
-
window.location.href = url;
|
|
8057
|
+
window.location.href = "".concat(redirectUrl).concat(queryParams ? "?".concat(queryParams.toString()) : '');
|
|
8058
8058
|
handleSelectedFilter(false);
|
|
8059
8059
|
};
|
|
8060
8060
|
React__default.useEffect(function () {
|
|
@@ -10443,15 +10443,15 @@
|
|
|
10443
10443
|
}
|
|
10444
10444
|
|
|
10445
10445
|
function FilterBar(_a) {
|
|
10446
|
-
var vendor = _a.vendor, language = _a.language, _b = _a.ageCategories, ageCategories = _b === void 0 ?
|
|
10446
|
+
var vendor = _a.vendor, language = _a.language, _b = _a.ageCategories, ageCategories = _b === void 0 ? AGE_CATEGORIES_FALLBACK : _b, _c = _a.redirectUrl, redirectUrl = _c === void 0 ? REDIRECT_URL_FALLBACK : _c;
|
|
10447
10447
|
var themeClass = useTheme({ vendor: vendor });
|
|
10448
|
-
var
|
|
10448
|
+
var _d = React__default.useState(0); _d[0]; var setRerenderKey = _d[1];
|
|
10449
10449
|
React__default.useEffect(function () {
|
|
10450
10450
|
instance.changeLanguage(language);
|
|
10451
10451
|
setRerenderKey(function (prevKey) { return prevKey + 1; });
|
|
10452
10452
|
}, [language]);
|
|
10453
10453
|
var t = useTranslation('filterBar').t;
|
|
10454
|
-
var
|
|
10454
|
+
var _e = useFilterBar({ redirectUrl: redirectUrl }), selectedFilter = _e.selectedFilter, ageCategoryCounts = _e.ageCategoryCounts, categories = _e.categories, calendarRange = _e.calendarRange, setCalendarRange = _e.setCalendarRange, setCategories = _e.setCategories, handleSelectedFilter = _e.handleSelectedFilter, handleSubmit = _e.handleSubmit, updateGuestsCount = _e.updateGuestsCount, handleResetFilters = _e.handleResetFilters;
|
|
10455
10455
|
return (React__default.createElement(React__default.Fragment, null,
|
|
10456
10456
|
selectedFilter && (React__default.createElement("div", { className: "will-filter-bar will-filter-bar-underlay", onClick: function () {
|
|
10457
10457
|
handleSelectedFilter(false);
|
|
@@ -10470,10 +10470,11 @@
|
|
|
10470
10470
|
selectedFilter === 3 && (React__default.createElement(Guests, { updateGuestsCount: updateGuestsCount, ageCategories: ageCategories, ageCategoryCounts: ageCategoryCounts })),
|
|
10471
10471
|
selectedFilter === 4 && (React__default.createElement(Categories, { categories: categories, setCategories: setCategories })))))));
|
|
10472
10472
|
}
|
|
10473
|
+
////////////
|
|
10473
10474
|
var fontWigthBold = function (input) {
|
|
10474
10475
|
return { fontWeight: input ? 'bold' : 'initial' };
|
|
10475
10476
|
};
|
|
10476
|
-
var
|
|
10477
|
+
var AGE_CATEGORIES_FALLBACK = [
|
|
10477
10478
|
{
|
|
10478
10479
|
id: '1',
|
|
10479
10480
|
name: 'Adults',
|
|
@@ -10489,6 +10490,7 @@
|
|
|
10489
10490
|
minVal: 0,
|
|
10490
10491
|
},
|
|
10491
10492
|
];
|
|
10493
|
+
var REDIRECT_URL_FALLBACK = 'http://localhost:3000/';
|
|
10492
10494
|
|
|
10493
10495
|
exports.Button = Button$1;
|
|
10494
10496
|
exports.FilterBar = FilterBar;
|