@bigbinary/neeto-filters-frontend 3.0.7 → 3.0.9
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 +234 -286
- package/dist/index.cjs.js +10 -45
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.js +11 -47
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/types.d.ts +12 -0
package/dist/index.cjs.js
CHANGED
|
@@ -3294,7 +3294,7 @@ var Pane = function Pane(_ref) {
|
|
|
3294
3294
|
}, isSearchable && /*#__PURE__*/React__default["default"].createElement(Search__default["default"], {
|
|
3295
3295
|
"data-cy": "neeto-filters-column-search",
|
|
3296
3296
|
placeholder: t("neetoFilters.messages.searchResources", {
|
|
3297
|
-
resources: t("neetoFilters.common.filters")
|
|
3297
|
+
resources: t("neetoFilters.common.filters")
|
|
3298
3298
|
}),
|
|
3299
3299
|
onSearch: function onSearch(value) {
|
|
3300
3300
|
return setSearchTerm(value);
|
|
@@ -3326,6 +3326,7 @@ var Pane = function Pane(_ref) {
|
|
|
3326
3326
|
return /*#__PURE__*/React__default["default"].createElement(Item, {
|
|
3327
3327
|
column: column,
|
|
3328
3328
|
filters: filters,
|
|
3329
|
+
onClose: onClose,
|
|
3329
3330
|
autoFocus: column.key === isOpen,
|
|
3330
3331
|
key: column.key,
|
|
3331
3332
|
onChange: handleChange
|
|
@@ -3334,7 +3335,7 @@ var Pane = function Pane(_ref) {
|
|
|
3334
3335
|
})), ramda.isEmpty(ungroupedColumns) && ramda.isEmpty(groupedColumns) && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
3335
3336
|
style: "body2"
|
|
3336
3337
|
}, t("neetoFilters.messages.noResourcesFound", {
|
|
3337
|
-
resources: t("neetoFilters.common.columns")
|
|
3338
|
+
resources: t("neetoFilters.common.columns")
|
|
3338
3339
|
})), children), /*#__PURE__*/React__default["default"].createElement(Slider.Footer, {
|
|
3339
3340
|
className: "neeto-filters-pane-filter__footer"
|
|
3340
3341
|
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
|
|
@@ -3593,7 +3594,6 @@ var ITEMS_MAX_COUNT = 20;
|
|
|
3593
3594
|
|
|
3594
3595
|
var MenuBlocks = function MenuBlocks(_ref) {
|
|
3595
3596
|
var entity = _ref.entity,
|
|
3596
|
-
searchTerm = _ref.searchTerm,
|
|
3597
3597
|
columns = _ref.columns,
|
|
3598
3598
|
defaultSegmentName = _ref.defaultSegmentName;
|
|
3599
3599
|
var _useState = React.useState(false),
|
|
@@ -3608,8 +3608,7 @@ var MenuBlocks = function MenuBlocks(_ref) {
|
|
|
3608
3608
|
segmentId = _Object$fromEntries.segmentId;
|
|
3609
3609
|
var appliedFilters = buildFiltersFromURL(columns);
|
|
3610
3610
|
var _useFetchSegments = useFetchSegments({
|
|
3611
|
-
entity: entity
|
|
3612
|
-
searchTerm: searchTerm
|
|
3611
|
+
entity: entity
|
|
3613
3612
|
}),
|
|
3614
3613
|
_useFetchSegments$dat = _useFetchSegments.data,
|
|
3615
3614
|
segments = _useFetchSegments$dat === void 0 ? [] : _useFetchSegments$dat,
|
|
@@ -3693,34 +3692,13 @@ var Segments = function Segments(_ref) {
|
|
|
3693
3692
|
_ref$defaultSegmentNa = _ref.defaultSegmentName,
|
|
3694
3693
|
defaultSegmentName = _ref$defaultSegmentNa === void 0 ? i18next.t("neetoFilters.common.allResults") : _ref$defaultSegmentNa;
|
|
3695
3694
|
return function () {
|
|
3696
|
-
var _useState = React.useState(
|
|
3695
|
+
var _useState = React.useState(false),
|
|
3697
3696
|
_useState2 = _slicedToArray(_useState, 2),
|
|
3698
|
-
|
|
3699
|
-
|
|
3700
|
-
var _useState3 = React.useState(true),
|
|
3701
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
3702
|
-
isSearchCollapsed = _useState4[0],
|
|
3703
|
-
setIsSearchCollapsed = _useState4[1];
|
|
3704
|
-
var _useState5 = React.useState(false),
|
|
3705
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
3706
|
-
isSegmentsPaneOpen = _useState6[0],
|
|
3707
|
-
setIsSegmentsPaneOpen = _useState6[1];
|
|
3697
|
+
isSegmentsPaneOpen = _useState2[0],
|
|
3698
|
+
setIsSegmentsPaneOpen = _useState2[1];
|
|
3708
3699
|
var _useTranslation = reactI18next.useTranslation(),
|
|
3709
3700
|
t = _useTranslation.t;
|
|
3710
|
-
var debouncedSearchTerm = reactUtils.useDebounce(searchTerm);
|
|
3711
3701
|
var iconProps = [{
|
|
3712
|
-
icon: neetoIcons.Search,
|
|
3713
|
-
onClick: function onClick() {
|
|
3714
|
-
setSearchTerm("");
|
|
3715
|
-
setIsSearchCollapsed(function (collapsed) {
|
|
3716
|
-
return !collapsed;
|
|
3717
|
-
});
|
|
3718
|
-
},
|
|
3719
|
-
tooltipProps: {
|
|
3720
|
-
content: t("neetoFilters.segments.searchSegments"),
|
|
3721
|
-
position: "top"
|
|
3722
|
-
}
|
|
3723
|
-
}, {
|
|
3724
3702
|
icon: neetoIcons.Settings,
|
|
3725
3703
|
onClick: function onClick() {
|
|
3726
3704
|
setIsFilterPaneOpen(false);
|
|
@@ -3738,24 +3716,10 @@ var Segments = function Segments(_ref) {
|
|
|
3738
3716
|
style: "h5",
|
|
3739
3717
|
textTransform: "uppercase",
|
|
3740
3718
|
weight: "bold"
|
|
3741
|
-
}, t("neetoFilters.common.segments"))), /*#__PURE__*/React__default["default"].createElement(
|
|
3742
|
-
autoFocus: true,
|
|
3743
|
-
isCollapsed: isSearchCollapsed,
|
|
3744
|
-
placeholder: t("neetoFilters.segments.searchSegments"),
|
|
3745
|
-
value: searchTerm,
|
|
3746
|
-
onChange: function onChange(_ref2) {
|
|
3747
|
-
var value = _ref2.target.value;
|
|
3748
|
-
return setSearchTerm(value);
|
|
3749
|
-
},
|
|
3750
|
-
onCollapse: function onCollapse() {
|
|
3751
|
-
setSearchTerm("");
|
|
3752
|
-
setIsSearchCollapsed(true);
|
|
3753
|
-
}
|
|
3754
|
-
}), /*#__PURE__*/React__default["default"].createElement(MenuBlocks$1, {
|
|
3719
|
+
}, t("neetoFilters.common.segments"))), /*#__PURE__*/React__default["default"].createElement(MenuBlocks$1, {
|
|
3755
3720
|
columns: columns,
|
|
3756
3721
|
defaultSegmentName: defaultSegmentName,
|
|
3757
|
-
entity: entity
|
|
3758
|
-
searchTerm: debouncedSearchTerm
|
|
3722
|
+
entity: entity
|
|
3759
3723
|
}), /*#__PURE__*/React__default["default"].createElement(ManagePane, {
|
|
3760
3724
|
columns: columns,
|
|
3761
3725
|
defaultSegmentName: defaultSegmentName,
|
|
@@ -3775,4 +3739,5 @@ exports.Segments = index;
|
|
|
3775
3739
|
exports.buildFilterColumnsFromFields = buildFilterColumnsFromFields;
|
|
3776
3740
|
exports.buildFiltersFromURL = buildFiltersFromURL;
|
|
3777
3741
|
exports.buildSelectorsFromURL = buildSelectorsFromURL;
|
|
3742
|
+
exports.useFetchSegments = useFetchSegments;
|
|
3778
3743
|
//# sourceMappingURL=index.cjs.js.map
|