@bigbinary/neeto-filters-frontend 3.0.8 → 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 +17 -1
- package/dist/index.cjs.js +7 -43
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.js +8 -45
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/types.d.ts +12 -0
package/dist/index.js
CHANGED
|
@@ -8,7 +8,7 @@ import { Tooltip, Typography, Dropdown as Dropdown$2, Button, Pane as Pane$1, Al
|
|
|
8
8
|
import { groupBy, anyPass, isNil, isEmpty, any, toLower, mergeLeft, identity, omit, mergeRight, toPairs, not, pluck, either, has, concat, equals, pick, modify, prop, isNotNil, append, last } from 'ramda';
|
|
9
9
|
import { useTranslation, Trans } from 'react-i18next';
|
|
10
10
|
import { useHistory, useLocation } from 'react-router-dom';
|
|
11
|
-
import { Close, MenuHorizontal, Down,
|
|
11
|
+
import { Close, MenuHorizontal, Down, Settings } from '@bigbinary/neeto-icons';
|
|
12
12
|
import { Form, Input, ActionBlock } from '@bigbinary/neetoui/formik';
|
|
13
13
|
import { useQuery } from 'react-query';
|
|
14
14
|
import axios from 'axios';
|
|
@@ -3561,7 +3561,6 @@ var ITEMS_MAX_COUNT = 20;
|
|
|
3561
3561
|
|
|
3562
3562
|
var MenuBlocks = function MenuBlocks(_ref) {
|
|
3563
3563
|
var entity = _ref.entity,
|
|
3564
|
-
searchTerm = _ref.searchTerm,
|
|
3565
3564
|
columns = _ref.columns,
|
|
3566
3565
|
defaultSegmentName = _ref.defaultSegmentName;
|
|
3567
3566
|
var _useState = useState(false),
|
|
@@ -3576,8 +3575,7 @@ var MenuBlocks = function MenuBlocks(_ref) {
|
|
|
3576
3575
|
segmentId = _Object$fromEntries.segmentId;
|
|
3577
3576
|
var appliedFilters = buildFiltersFromURL(columns);
|
|
3578
3577
|
var _useFetchSegments = useFetchSegments({
|
|
3579
|
-
entity: entity
|
|
3580
|
-
searchTerm: searchTerm
|
|
3578
|
+
entity: entity
|
|
3581
3579
|
}),
|
|
3582
3580
|
_useFetchSegments$dat = _useFetchSegments.data,
|
|
3583
3581
|
segments = _useFetchSegments$dat === void 0 ? [] : _useFetchSegments$dat,
|
|
@@ -3661,34 +3659,13 @@ var Segments = function Segments(_ref) {
|
|
|
3661
3659
|
_ref$defaultSegmentNa = _ref.defaultSegmentName,
|
|
3662
3660
|
defaultSegmentName = _ref$defaultSegmentNa === void 0 ? t$1("neetoFilters.common.allResults") : _ref$defaultSegmentNa;
|
|
3663
3661
|
return function () {
|
|
3664
|
-
var _useState = useState(
|
|
3662
|
+
var _useState = useState(false),
|
|
3665
3663
|
_useState2 = _slicedToArray(_useState, 2),
|
|
3666
|
-
|
|
3667
|
-
|
|
3668
|
-
var _useState3 = useState(true),
|
|
3669
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
3670
|
-
isSearchCollapsed = _useState4[0],
|
|
3671
|
-
setIsSearchCollapsed = _useState4[1];
|
|
3672
|
-
var _useState5 = useState(false),
|
|
3673
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
3674
|
-
isSegmentsPaneOpen = _useState6[0],
|
|
3675
|
-
setIsSegmentsPaneOpen = _useState6[1];
|
|
3664
|
+
isSegmentsPaneOpen = _useState2[0],
|
|
3665
|
+
setIsSegmentsPaneOpen = _useState2[1];
|
|
3676
3666
|
var _useTranslation = useTranslation(),
|
|
3677
3667
|
t = _useTranslation.t;
|
|
3678
|
-
var debouncedSearchTerm = useDebounce(searchTerm);
|
|
3679
3668
|
var iconProps = [{
|
|
3680
|
-
icon: Search$1,
|
|
3681
|
-
onClick: function onClick() {
|
|
3682
|
-
setSearchTerm("");
|
|
3683
|
-
setIsSearchCollapsed(function (collapsed) {
|
|
3684
|
-
return !collapsed;
|
|
3685
|
-
});
|
|
3686
|
-
},
|
|
3687
|
-
tooltipProps: {
|
|
3688
|
-
content: t("neetoFilters.segments.searchSegments"),
|
|
3689
|
-
position: "top"
|
|
3690
|
-
}
|
|
3691
|
-
}, {
|
|
3692
3669
|
icon: Settings,
|
|
3693
3670
|
onClick: function onClick() {
|
|
3694
3671
|
setIsFilterPaneOpen(false);
|
|
@@ -3706,24 +3683,10 @@ var Segments = function Segments(_ref) {
|
|
|
3706
3683
|
style: "h5",
|
|
3707
3684
|
textTransform: "uppercase",
|
|
3708
3685
|
weight: "bold"
|
|
3709
|
-
}, t("neetoFilters.common.segments"))), /*#__PURE__*/React.createElement(
|
|
3710
|
-
autoFocus: true,
|
|
3711
|
-
isCollapsed: isSearchCollapsed,
|
|
3712
|
-
placeholder: t("neetoFilters.segments.searchSegments"),
|
|
3713
|
-
value: searchTerm,
|
|
3714
|
-
onChange: function onChange(_ref2) {
|
|
3715
|
-
var value = _ref2.target.value;
|
|
3716
|
-
return setSearchTerm(value);
|
|
3717
|
-
},
|
|
3718
|
-
onCollapse: function onCollapse() {
|
|
3719
|
-
setSearchTerm("");
|
|
3720
|
-
setIsSearchCollapsed(true);
|
|
3721
|
-
}
|
|
3722
|
-
}), /*#__PURE__*/React.createElement(MenuBlocks$1, {
|
|
3686
|
+
}, t("neetoFilters.common.segments"))), /*#__PURE__*/React.createElement(MenuBlocks$1, {
|
|
3723
3687
|
columns: columns,
|
|
3724
3688
|
defaultSegmentName: defaultSegmentName,
|
|
3725
|
-
entity: entity
|
|
3726
|
-
searchTerm: debouncedSearchTerm
|
|
3689
|
+
entity: entity
|
|
3727
3690
|
}), /*#__PURE__*/React.createElement(ManagePane, {
|
|
3728
3691
|
columns: columns,
|
|
3729
3692
|
defaultSegmentName: defaultSegmentName,
|
|
@@ -3737,5 +3700,5 @@ var Segments = function Segments(_ref) {
|
|
|
3737
3700
|
};
|
|
3738
3701
|
var index = /*#__PURE__*/React.memo(Segments);
|
|
3739
3702
|
|
|
3740
|
-
export { Bar, Filters, index as Segments, buildFilterColumnsFromFields, buildFiltersFromURL, buildSelectorsFromURL };
|
|
3703
|
+
export { Bar, Filters, index as Segments, buildFilterColumnsFromFields, buildFiltersFromURL, buildSelectorsFromURL, useFetchSegments };
|
|
3741
3704
|
//# sourceMappingURL=index.js.map
|