@redhat-cloud-services/frontend-components 3.8.2 → 3.8.5
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/Ansible/Ansible.d.ts +1 -2
- package/Ansible/Ansible.js.map +1 -1
- package/AsyncComponent/index.d.ts +1 -2
- package/AsyncComponent/index.js.map +1 -1
- package/Battery/Battery.d.ts +1 -1
- package/BulkSelect/index.d.ts +1 -0
- package/BulkSelect/index.js +11 -0
- package/BulkSelect/index.js.map +1 -1
- package/ConditionalFilter/CheckboxFilter.d.ts +11 -37
- package/ConditionalFilter/CheckboxFilter.js +30 -90
- package/ConditionalFilter/CheckboxFilter.js.map +1 -1
- package/ConditionalFilter/ConditionalFilter.d.ts +34 -56
- package/ConditionalFilter/ConditionalFilter.js +54 -148
- package/ConditionalFilter/ConditionalFilter.js.map +1 -1
- package/ConditionalFilter/GroupFilter.d.ts +52 -46
- package/ConditionalFilter/GroupFilter.js +38 -70
- package/ConditionalFilter/GroupFilter.js.map +1 -1
- package/ConditionalFilter/RadioFilter.d.ts +11 -36
- package/ConditionalFilter/RadioFilter.js +27 -84
- package/ConditionalFilter/RadioFilter.js.map +1 -1
- package/ConditionalFilter/TextFilter.d.ts +27 -25
- package/ConditionalFilter/TextFilter.js +14 -72
- package/ConditionalFilter/TextFilter.js.map +1 -1
- package/ConditionalFilter/conditionalFilterConstants.d.ts +17 -19
- package/ConditionalFilter/conditionalFilterConstants.js.map +1 -1
- package/ConditionalFilter/groupFilterConstants.d.ts +47 -7
- package/ConditionalFilter/groupFilterConstants.js +62 -58
- package/ConditionalFilter/groupFilterConstants.js.map +1 -1
- package/ConditionalFilter/groupType.d.ts +8 -7
- package/ConditionalFilter/groupType.js.map +1 -1
- package/ConditionalFilter/index.d.ts +8 -7
- package/ConditionalFilter/index.js.map +1 -1
- package/DownloadButton/index.d.ts +1 -0
- package/DownloadButton/index.js +11 -0
- package/DownloadButton/index.js.map +1 -1
- package/FilterChips/FilterChips.d.ts +22 -38
- package/FilterChips/FilterChips.js +9 -31
- package/FilterChips/FilterChips.js.map +1 -1
- package/FilterChips/index.d.ts +3 -1
- package/FilterChips/index.js +11 -0
- package/FilterChips/index.js.map +1 -1
- package/PrimaryToolbar/Actions.d.ts +30 -30
- package/PrimaryToolbar/Actions.js +46 -86
- package/PrimaryToolbar/Actions.js.map +1 -1
- package/PrimaryToolbar/PrimaryToolbar.d.ts +30 -77
- package/PrimaryToolbar/PrimaryToolbar.js +40 -111
- package/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
- package/PrimaryToolbar/SortBy.d.ts +8 -19
- package/PrimaryToolbar/SortBy.js +1 -10
- package/PrimaryToolbar/SortBy.js.map +1 -1
- package/PrimaryToolbar/index.d.ts +6 -4
- package/PrimaryToolbar/index.js +1 -0
- package/PrimaryToolbar/index.js.map +1 -1
- package/Section/Section.d.ts +1 -2
- package/Section/Section.js.map +1 -1
- package/SkeletonTable/SkeletonTable.js +1 -1
- package/SkeletonTable/SkeletonTable.js.map +1 -1
- package/esm/Ansible/Ansible.js.map +1 -1
- package/esm/AsyncComponent/index.js.map +1 -1
- package/esm/BulkSelect/index.js +1 -0
- package/esm/BulkSelect/index.js.map +1 -1
- package/esm/ConditionalFilter/CheckboxFilter.js +31 -91
- package/esm/ConditionalFilter/CheckboxFilter.js.map +1 -1
- package/esm/ConditionalFilter/ConditionalFilter.js +56 -150
- package/esm/ConditionalFilter/ConditionalFilter.js.map +1 -1
- package/esm/ConditionalFilter/GroupFilter.js +38 -70
- package/esm/ConditionalFilter/GroupFilter.js.map +1 -1
- package/esm/ConditionalFilter/RadioFilter.js +29 -83
- package/esm/ConditionalFilter/RadioFilter.js.map +1 -1
- package/esm/ConditionalFilter/TextFilter.js +13 -70
- package/esm/ConditionalFilter/TextFilter.js.map +1 -1
- package/esm/ConditionalFilter/conditionalFilterConstants.js.map +1 -1
- package/esm/ConditionalFilter/groupFilterConstants.js +62 -58
- package/esm/ConditionalFilter/groupFilterConstants.js.map +1 -1
- package/esm/ConditionalFilter/groupType.js.map +1 -1
- package/esm/ConditionalFilter/index.js.map +1 -1
- package/esm/DownloadButton/index.js +1 -0
- package/esm/DownloadButton/index.js.map +1 -1
- package/esm/FilterChips/FilterChips.js +9 -31
- package/esm/FilterChips/FilterChips.js.map +1 -1
- package/esm/FilterChips/index.js +1 -0
- package/esm/FilterChips/index.js.map +1 -1
- package/esm/PrimaryToolbar/Actions.js +46 -86
- package/esm/PrimaryToolbar/Actions.js.map +1 -1
- package/esm/PrimaryToolbar/PrimaryToolbar.js +41 -93
- package/esm/PrimaryToolbar/PrimaryToolbar.js.map +1 -1
- package/esm/PrimaryToolbar/SortBy.js +1 -10
- package/esm/PrimaryToolbar/SortBy.js.map +1 -1
- package/esm/PrimaryToolbar/index.js +1 -0
- package/esm/PrimaryToolbar/index.js.map +1 -1
- package/esm/Section/Section.js.map +1 -1
- package/esm/SkeletonTable/SkeletonTable.js +1 -1
- package/esm/SkeletonTable/SkeletonTable.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/PrimaryToolbar/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/PrimaryToolbar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAA2C;AAAlC,0HAAA,OAAO,OAAA;AAChB,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,qCAA+C;AAAtC,mHAAA,OAAO,OAAW;AAC3B,mCAA6C;AAApC,iHAAA,OAAO,OAAU;AAC1B,2CAAyB;AACzB,mDAAiC"}
|
package/Section/Section.d.ts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import './section.scss';
|
|
3
|
-
export interface SectionProps {
|
|
3
|
+
export interface SectionProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
|
|
4
4
|
type?: string;
|
|
5
|
-
className?: string;
|
|
6
5
|
}
|
|
7
6
|
declare const Section: React.FunctionComponent<SectionProps>;
|
|
8
7
|
export default Section;
|
package/Section/Section.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../src/Section/Section.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAAoC;AAEpC,0BAAwB;
|
|
1
|
+
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../src/Section/Section.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAAoC;AAEpC,0BAAwB;AAMxB,IAAM,OAAO,GAA0C,UAAC,EAAuC;;IAArC,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAArC,iCAAuC,CAAF;IAC3F,IAAM,cAAc,GAAG,IAAA,oBAAU,EAAC,SAAS,YAAI,GAAC,gBAAS,IAAI,CAAE,IAAG,IAAI,KAAK,SAAS,MAAG,CAAC;IAExF,OAAO,CACL,sDAAa,KAAK,IAAE,SAAS,EAAE,cAAc;QAC1C,GAAG;QACH,QAAQ;QAAE,GAAG,CACN,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
|
|
@@ -18,7 +18,7 @@ var Skeleton_1 = require("../Skeleton");
|
|
|
18
18
|
var classnames_1 = __importDefault(require("classnames"));
|
|
19
19
|
require("./SkeletonTable.css");
|
|
20
20
|
var SkeletonTable = function (_a) {
|
|
21
|
-
var _b = _a.canSelectAll, canSelectAll = _b === void 0 ? false : _b, _c = _a.isSelectable, isSelectable = _c === void 0 ? false : _c, sortBy = _a.sortBy, variant = _a.variant, _d = _a.isDark, isDark = _d === void 0 ? false : _d, _e = _a.colSize, colSize = _e === void 0 ? 0 : _e,
|
|
21
|
+
var _b = _a.canSelectAll, canSelectAll = _b === void 0 ? false : _b, _c = _a.isSelectable, isSelectable = _c === void 0 ? false : _c, sortBy = _a.sortBy, variant = _a.variant, _d = _a.isDark, isDark = _d === void 0 ? false : _d, _e = _a.colSize, colSize = _e === void 0 ? 0 : _e, columns = _a.columns, _f = _a.paddingColumnSize, paddingColumnSize = _f === void 0 ? 0 : _f, _g = _a.hasRadio, hasRadio = _g === void 0 ? false : _g, _h = _a.rowSize, rowSize = _h === void 0 ? 0 : _h;
|
|
22
22
|
var newArray = function (size) { return __spreadArray([], Array(size), true); };
|
|
23
23
|
var createColumns = function () {
|
|
24
24
|
return __spreadArray([], Array(colSize), true).map(function () { return ({ title: react_1.default.createElement(Skeleton_1.Skeleton, { isDark: isDark, size: Skeleton_1.SkeletonSize.sm }) }); });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SkeletonTable.js","sourceRoot":"","sources":["../src/SkeletonTable/SkeletonTable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,uDAAqH;AACrH,wCAAqD;AACrD,0DAAoC;AAEpC,gCAA8B;AAkB9B,IAAM,aAAa,GAAgD,UAAC,EAWnE;QAVC,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,MAAM,YAAA,EACN,OAAO,aAAA,EACP,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACX,
|
|
1
|
+
{"version":3,"file":"SkeletonTable.js","sourceRoot":"","sources":["../src/SkeletonTable/SkeletonTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Ansible.js","sourceRoot":"","sources":["../../src/Ansible/Ansible.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Ansible.js","sourceRoot":"","sources":["../../src/Ansible/Ansible.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,gBAAgB,CAAC;AAgBxB,IAAM,OAAO,GAA0C,UAAC,EAAoC;;IAAlC,IAAA,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAK,KAAK,cAAlC,4BAAoC,CAAF;IACxF,IAAM,gBAAgB,GAAG,UAAU,CACjC,SAAS,EACT,SAAS,YACP,GAAC,cAAc,IAAG,CAAC,WAAW,IAAI,WAAW,KAAK,CAAC,iBACnD,GAAC,gBAAgB,IAAG,WAAW,IAAI,WAAW,KAAK,CAAC,MACvD,CAAC;IAEF,IAAI,gBAAgB,CAAC;IACrB,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,WAAW,EAAE;QACf,gBAAgB,GAAG,CACjB,oBAAC,KAAK,CAAC,QAAQ;YACb,8BACE,CAAC,EAAC,QAAQ,EACV,CAAC,EAAC,OAAO,EACT,SAAS,EAAC,2DAA2D,EACrE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd;YAEF,8BACE,CAAC,EAAC,QAAQ,EACV,CAAC,EAAC,KAAK,EACP,SAAS,EAAC,4DAA4D,EACtE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,QAAQ,EACd,MAAM,EAAC,OAAO,GACd;YAEF,8BACE,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,QAAQ,EACV,SAAS,EAAC,4DAA4D,EACtE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,OAAO,EACb,MAAM,EAAC,OAAO,GACd,CACa,CAClB,CAAC;QACF,UAAU;YACR,GAAC,UAAU,IAAG,UAAU;YACxB,GAAC,YAAY,IAAG,+BAA+B;eAChD,CAAC;KACH;SAAM;QACL,UAAU,aAAK,GAAC,YAAY,IAAG,qBAAqB,KAAE,CAAC;KACxD;IAED,OAAO,CACL,oCAAG,SAAS,EAAE,gBAAgB,IAAM,UAAU,EAAM,KAAK,mBAAc,wBAAwB;QAC7F,6BACE,OAAO,EAAC,KAAK,EACb,EAAE,EAAC,SAAS,EACZ,CAAC,EAAC,KAAK,EACP,CAAC,EAAC,KAAK,EACP,OAAO,EAAC,iBAAiB,EACzB,KAAK,EAAE,EAAE,gBAAgB,EAAE,qBAAqB,EAAyB;YAEzE,8BACE,SAAS,EAAC,KAAK,EACf,CAAC,EAAC,ggBAG+H,GACjI;YACD,gBAAgB,CACb,CACJ,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AsyncComponent/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,UAAU,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AsyncComponent/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,UAAU,MAAM,YAAY,CAAC;AAuBpC,IAAM,kBAAkB,GAAqD,UAAC,EAa7E;IAZC,IAAA,OAAO,aAAA,EACP,KAAK,WAAA,EACL,MAAM,YAAA,EACN,gBAIC,EAJD,QAAQ,mBAAG,CACT,oBAAC,QAAQ;QACP,oBAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,CACZ,CACZ,KAAA,EACD,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,iBAA0B,EAAf,GAAG,mBAAG,SAAS,KAAA,EACvB,KAAK,cAZoE,gFAa7E,CADS;IAER,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,OAAO,CAAC;QAC5C,oBAAC,iBAAiB,aAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,EACvB,cAAc,EAAE,QAAQ,EACxB,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,QAAQ,IACd,KAAK,EACT,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAQF,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAmC,UAAC,KAAK,EAAE,GAAG,IAAK,OAAA,oBAAC,kBAAkB,aAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,EAAhD,CAAgD,CAAC,CAAC;AAE3I,eAAe,aAAa,CAAC"}
|
package/esm/BulkSelect/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/BulkSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/BulkSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC"}
|
|
@@ -1,18 +1,3 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
1
|
var __assign = (this && this.__assign) || function () {
|
|
17
2
|
__assign = Object.assign || function(t) {
|
|
18
3
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -44,86 +29,41 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
44
29
|
}
|
|
45
30
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
46
31
|
};
|
|
47
|
-
import React, {
|
|
48
|
-
import PropTypes from 'prop-types';
|
|
32
|
+
import React, { Fragment, useEffect, useState, useRef } from 'react';
|
|
49
33
|
import { Select, SelectOption, SelectVariant } from '@patternfly/react-core';
|
|
50
|
-
import Text from './TextFilter';
|
|
51
34
|
import isEqual from 'lodash/isEqual';
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
});
|
|
64
|
-
};
|
|
65
|
-
_this.calculateSelected = function () {
|
|
66
|
-
var selected = _this.state.selected;
|
|
67
|
-
var value = _this.props.value;
|
|
68
|
-
return Array.from(new Set(__spreadArray(__spreadArray([], (value && value.length > 0 && value.constructor === Array ? value.map(function (item) { return item.value || item; }) : []), true), selected, true)));
|
|
69
|
-
};
|
|
70
|
-
_this.onSelect = function (event, selection) {
|
|
71
|
-
var onChange = _this.props.onChange;
|
|
72
|
-
var newSelection = _this.calculateSelected();
|
|
73
|
-
if (newSelection.includes(selection)) {
|
|
74
|
-
newSelection = newSelection.filter(function (item) { return item !== selection; });
|
|
75
|
-
}
|
|
76
|
-
else {
|
|
77
|
-
newSelection = __spreadArray(__spreadArray([], newSelection, true), [selection], false);
|
|
78
|
-
}
|
|
79
|
-
onChange(event, newSelection, selection);
|
|
80
|
-
_this.setState({ selected: newSelection });
|
|
81
|
-
};
|
|
82
|
-
return _this;
|
|
83
|
-
}
|
|
84
|
-
CheckboxFilter.prototype.componentDidUpdate = function (_a) {
|
|
85
|
-
var prevSelected = _a.value;
|
|
86
|
-
var value = this.props.value;
|
|
87
|
-
if (!isEqual(prevSelected, value)) {
|
|
88
|
-
this.setState({
|
|
89
|
-
selected: value,
|
|
90
|
-
});
|
|
91
|
-
}
|
|
35
|
+
import omit from 'lodash/omit';
|
|
36
|
+
import TextFilter, { isFilterValue } from './TextFilter';
|
|
37
|
+
var CheckboxFilter = function (_a) {
|
|
38
|
+
var _b = _a.items, items = _b === void 0 ? [] : _b, _c = _a.value, value = _c === void 0 ? [] : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { return undefined; } : _d, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, props = __rest(_a, ["items", "value", "onChange", "isDisabled"]);
|
|
39
|
+
var placeholder = props.placeholder, className = props.className;
|
|
40
|
+
var _f = useState(false), isExpanded = _f[0], setExpanded = _f[1];
|
|
41
|
+
var _g = useState([]), selected = _g[0], setSelected = _g[1];
|
|
42
|
+
var prevSelected = useRef(selected);
|
|
43
|
+
var changeSelected = function (value) {
|
|
44
|
+
prevSelected.current = selected;
|
|
45
|
+
setSelected(value);
|
|
92
46
|
};
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
47
|
+
useEffect(function () {
|
|
48
|
+
!isEqual(prevSelected.current, value) && value && changeSelected(value);
|
|
49
|
+
}, [selected]);
|
|
50
|
+
var calculateSelected = function () {
|
|
51
|
+
return Array.from(new Set(__spreadArray(__spreadArray([], (value && value.length > 0 && value.constructor === Array
|
|
52
|
+
? value.map(function (item) {
|
|
53
|
+
return isFilterValue(item) ? item.value : item;
|
|
54
|
+
})
|
|
55
|
+
: []), true), selected, true)));
|
|
100
56
|
};
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
])),
|
|
112
|
-
placeholder: PropTypes.string,
|
|
113
|
-
items: PropTypes.arrayOf(PropTypes.shape({
|
|
114
|
-
value: PropTypes.string,
|
|
115
|
-
label: PropTypes.node,
|
|
116
|
-
id: PropTypes.string,
|
|
117
|
-
onClick: PropTypes.func,
|
|
118
|
-
})),
|
|
119
|
-
isDisabled: PropTypes.bool,
|
|
120
|
-
className: PropTypes.string,
|
|
121
|
-
};
|
|
122
|
-
CheckboxFilter.defaultProps = {
|
|
123
|
-
items: [],
|
|
124
|
-
value: [],
|
|
125
|
-
onChange: function () { return undefined; },
|
|
126
|
-
isDisabled: false,
|
|
57
|
+
var onSelect = function (event, selection) {
|
|
58
|
+
var newSelection = calculateSelected();
|
|
59
|
+
newSelection = newSelection.includes(selection) ? newSelection.filter(function (item) { return item !== selection; }) : __spreadArray(__spreadArray([], newSelection, true), [selection], false);
|
|
60
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(event, newSelection, selection);
|
|
61
|
+
changeSelected(newSelection);
|
|
62
|
+
};
|
|
63
|
+
return (React.createElement(Fragment, null, !items || (items && items.length <= 0) ? (React.createElement(TextFilter, __assign({}, props, { onChange: onChange, isDisabled: isDisabled, value: "".concat(calculateSelected()) }))) : (React.createElement(Select, { className: className, variant: SelectVariant.checkbox, "aria-label": "Select Input", onToggle: function (isExpanded) { return setExpanded(isExpanded); }, isDisabled: isDisabled, onSelect: function (event, value) { return onSelect(event, value); }, selections: calculateSelected(), isOpen: isExpanded, placeholderText: placeholder, ouiaId: placeholder }, items.map(function (_a, key) {
|
|
64
|
+
var value = _a.value, onClick = _a.onClick, label = _a.label, id = _a.id, item = __rest(_a, ["value", "onClick", "label", "id"]);
|
|
65
|
+
return (React.createElement(SelectOption, __assign({}, omit(item, 'onChange'), { key: id || key, value: String(value || id || key), onClick: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e, __assign({ value: value, label: label, id: id }, item), key); } }), label));
|
|
66
|
+
})))));
|
|
127
67
|
};
|
|
128
68
|
export default CheckboxFilter;
|
|
129
69
|
//# sourceMappingURL=CheckboxFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFilter.js","sourceRoot":"","sources":["../../src/ConditionalFilter/CheckboxFilter.
|
|
1
|
+
{"version":3,"file":"CheckboxFilter.js","sourceRoot":"","sources":["../../src/ConditionalFilter/CheckboxFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,18 +1,3 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
1
|
var __assign = (this && this.__assign) || function () {
|
|
17
2
|
__assign = Object.assign || function(t) {
|
|
18
3
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -24,146 +9,67 @@ var __assign = (this && this.__assign) || function () {
|
|
|
24
9
|
};
|
|
25
10
|
return __assign.apply(this, arguments);
|
|
26
11
|
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
32
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
33
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
34
|
-
t[p[i]] = s[p[i]];
|
|
35
|
-
}
|
|
36
|
-
return t;
|
|
37
|
-
};
|
|
38
|
-
var _a;
|
|
39
|
-
import React, { Component } from 'react';
|
|
12
|
+
import React, { Fragment, useEffect, useState, useRef } from 'react';
|
|
13
|
+
import classNames from 'classnames';
|
|
14
|
+
import globalBreakpointMd from '@patternfly/react-tokens/dist/js/global_breakpoint_md';
|
|
15
|
+
import { omit } from 'lodash';
|
|
40
16
|
import { Dropdown, DropdownItem, DropdownToggle, SplitItem, Split, ToolbarItem, ToolbarGroup, ToolbarToggleGroup } from '@patternfly/react-core';
|
|
41
17
|
import { FilterIcon } from '@patternfly/react-icons';
|
|
42
|
-
import
|
|
43
|
-
import Text from './TextFilter';
|
|
18
|
+
import TextFilter from './TextFilter';
|
|
44
19
|
import { conditionalFilterType, typeMapper } from './conditionalFilterConstants';
|
|
45
|
-
import PropTypes from 'prop-types';
|
|
46
20
|
import '../ConditionalFilter/conditional-filter.css';
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
var
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
21
|
+
var ConditionalFilter = function (_a) {
|
|
22
|
+
var _b = _a.hideLabel, hideLabel = _b === void 0 ? false : _b, _c = _a.id, id = _c === void 0 ? 'default-input' : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _f = _a.items, items = _f === void 0 ? [] : _f, onChange = _a.onChange, placeholder = _a.placeholder, _g = _a.useMobileLayout, useMobileLayout = _g === void 0 ? false : _g, _h = _a.value, value = _h === void 0 ? '' : _h;
|
|
23
|
+
var breakpointConstant = parseInt(globalBreakpointMd.value.replace('px', ''));
|
|
24
|
+
var updateFilterViewport = function (width) { return width <= breakpointConstant; };
|
|
25
|
+
var _j = useState(false), isOpen = _j[0], setIsOpen = _j[1];
|
|
26
|
+
var _k = useState(), stateValue = _k[0], setStateValue = _k[1];
|
|
27
|
+
var _l = useState(updateFilterViewport(window.innerWidth)), isMobile = _l[0], setIsMobile = _l[1];
|
|
28
|
+
var resizeListener = useRef(function (event) {
|
|
29
|
+
setIsMobile(updateFilterViewport((event === null || event === void 0 ? void 0 : event.target).innerWidth));
|
|
30
|
+
});
|
|
31
|
+
useEffect(function () {
|
|
32
|
+
useMobileLayout ||
|
|
33
|
+
console.warn("The prop \"useMobileLayout\" is set to false. You are using an outdated mobile layout of conditional filter.\n Please switch to new layout by adding \"useMobileLayout={true}\" prop to the PrimaryToolbar or ConditionalFilter directly.\n The new mobile layout will become the default in next minor release.");
|
|
34
|
+
window.addEventListener('resize', resizeListener.current);
|
|
35
|
+
return function () {
|
|
36
|
+
resizeListener.current && window.removeEventListener('resize', resizeListener.current);
|
|
61
37
|
};
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
};
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
var activeItem = items && items.length && (items.find(function (item, key) { return item.value === currentValue || key === currentValue; }) || items[0]);
|
|
98
|
-
var onChangeCallback = onChange || this.onChange;
|
|
99
|
-
var ActiveComponent = activeItem && (typeMapper[activeItem.type] || typeMapper.text);
|
|
100
|
-
var capitalize = function (string) { return string[0].toUpperCase() + string.substring(1); };
|
|
101
|
-
var shouldRenderNewLayout = useMobileLayout && isMobile;
|
|
102
|
-
var Wrapper = this.getWrapper();
|
|
103
|
-
return (React.createElement(Wrapper, null,
|
|
104
|
-
useMobileLayout && isMobile && (React.createElement(ToolbarGroup, { className: "ins-c-conditional-filter mobile" }, items.map(function (activeItem, key) {
|
|
105
|
-
var ActiveComponent = activeItem && (typeMapper[activeItem.type] || typeMapper.text);
|
|
106
|
-
return (React.createElement(ToolbarItem, { key: key },
|
|
107
|
-
React.createElement(ActiveComponent, __assign({}, (activeItem.type !== conditionalFilterType.custom && {
|
|
108
|
-
placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label),
|
|
109
|
-
id: (activeItem.filterValues && activeItem.filterValues.id) || currentValue,
|
|
110
|
-
}), activeItem.filterValues))));
|
|
111
|
-
}))),
|
|
112
|
-
!shouldRenderNewLayout && (React.createElement(Fragment, null, !items || (items && items.length <= 0) ? (React.createElement("div", { className: classNames('ins-c-conditional-filter', {
|
|
113
|
-
desktop: useMobileLayout,
|
|
114
|
-
}) },
|
|
115
|
-
React.createElement(Text, __assign({}, props, { value: currentValue, onChange: function (e) { return onChangeCallback(e, e.target.value); }, placeholder: placeholder, "widget-type": "InsightsInput" })))) : (React.createElement(Split, { className: classNames('ins-c-conditional-filter', {
|
|
116
|
-
desktop: useMobileLayout,
|
|
117
|
-
}) },
|
|
118
|
-
items.length > 1 && (React.createElement(SplitItem, null,
|
|
119
|
-
React.createElement(Dropdown, { className: "ins-c-conditional-filter__group", onSelect: function () { return _this.dropdownToggle(false); }, isOpen: isOpen, ouiaId: "ConditionalFilter", toggle: React.createElement(DropdownToggle, { "aria-label": "Conditional filter", onToggle: this.dropdownToggle, isDisabled: isDisabled, className: hideLabel ? 'ins-c-conditional-filter__no-label' : '', ouiaId: "ConditionalFilter" },
|
|
120
|
-
React.createElement(FilterIcon, { size: "sm" }),
|
|
121
|
-
!hideLabel && (React.createElement("span", { className: "ins-c-conditional-filter__value-selector" }, activeItem && capitalize(activeItem.label)))), dropdownItems: items.map(function (item, key) { return (React.createElement(DropdownItem, { key: item.id ? "".concat(item.id, "-dropdown") : key, component: "button", ouiaId: item.label, onClick: function (e) { return onChangeCallback(e, item.value || key, item); }, isHovered: activeItem.label === item.label }, capitalize(item.label))); }) }))),
|
|
122
|
-
ActiveComponent && (React.createElement(SplitItem, { isFilled: true },
|
|
123
|
-
React.createElement(ActiveComponent, __assign({}, (activeItem.type !== conditionalFilterType.custom && {
|
|
124
|
-
placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label),
|
|
125
|
-
id: (activeItem.filterValues && activeItem.filterValues.id) || currentValue,
|
|
126
|
-
}), activeItem.filterValues))))))))));
|
|
127
|
-
};
|
|
128
|
-
return ConditionalFilter;
|
|
129
|
-
}(Component));
|
|
130
|
-
var TextInputProps = {
|
|
131
|
-
value: PropTypes.string,
|
|
132
|
-
placeholder: PropTypes.string,
|
|
133
|
-
onChange: PropTypes.func,
|
|
134
|
-
};
|
|
135
|
-
ConditionalFilter.propTypes = __assign(__assign({ hideLabel: PropTypes.bool, items: PropTypes.arrayOf(PropTypes.shape({
|
|
136
|
-
id: PropTypes.string,
|
|
137
|
-
label: PropTypes.node,
|
|
138
|
-
value: PropTypes.string,
|
|
139
|
-
type: PropTypes.oneOf(['text', 'checkbox', 'radio', 'custom', 'group']),
|
|
140
|
-
filterValues: PropTypes.oneOfType([
|
|
141
|
-
PropTypes.shape(TextInputProps),
|
|
142
|
-
PropTypes.shape(__assign(__assign({}, TextInputProps), { value: PropTypes.oneOfType([
|
|
143
|
-
PropTypes.string,
|
|
144
|
-
PropTypes.arrayOf(PropTypes.oneOfType([
|
|
145
|
-
PropTypes.string,
|
|
146
|
-
PropTypes.shape({
|
|
147
|
-
label: PropTypes.node,
|
|
148
|
-
value: PropTypes.string,
|
|
149
|
-
}),
|
|
150
|
-
])),
|
|
151
|
-
PropTypes.shape((_a = {},
|
|
152
|
-
_a[PropTypes.string] = PropTypes.any,
|
|
153
|
-
_a)),
|
|
154
|
-
]), items: PropTypes.arrayOf(PropTypes.shape({
|
|
155
|
-
label: PropTypes.node,
|
|
156
|
-
value: PropTypes.string,
|
|
157
|
-
})) })),
|
|
158
|
-
]),
|
|
159
|
-
})) }, TextInputProps), { id: PropTypes.string, isDisabled: PropTypes.bool, useMobileLayout: PropTypes.bool });
|
|
160
|
-
ConditionalFilter.defaultProps = {
|
|
161
|
-
value: '',
|
|
162
|
-
items: [],
|
|
163
|
-
hideLabel: false,
|
|
164
|
-
isDisabled: false,
|
|
165
|
-
id: 'default-input',
|
|
166
|
-
useMobileLayout: false,
|
|
38
|
+
}, []);
|
|
39
|
+
var currentValue = onChange ? value : stateValue;
|
|
40
|
+
var activeItem = items && items.length && (items.find(function (item, key) { return item.value === currentValue || key === Number(currentValue); }) || items[0]);
|
|
41
|
+
var onChangeDefault = function (_e, value) { return setStateValue(value); };
|
|
42
|
+
var onChangeCallback = onChange || onChangeDefault;
|
|
43
|
+
var shouldRenderNewLayout = useMobileLayout && isMobile;
|
|
44
|
+
var capitalize = function (string) { return string[0].toUpperCase() + string.substring(1); };
|
|
45
|
+
var ActiveComponent = activeItem && (typeMapper[activeItem.type] || typeMapper.text);
|
|
46
|
+
var Wrapper = useMobileLayout && isMobile
|
|
47
|
+
? function (props) { return React.createElement(ToolbarToggleGroup, __assign({}, props, { breakpoint: "md", toggleIcon: React.createElement(FilterIcon, null) })); }
|
|
48
|
+
: Fragment;
|
|
49
|
+
return (React.createElement(Wrapper, null,
|
|
50
|
+
useMobileLayout && isMobile && (React.createElement(ToolbarGroup, { className: "ins-c-conditional-filter mobile" }, items.map(function (activeItem, key) {
|
|
51
|
+
var ActiveComponent = activeItem && (typeMapper[activeItem.type] || typeMapper.text);
|
|
52
|
+
return (React.createElement(ToolbarItem, { key: key },
|
|
53
|
+
React.createElement(ActiveComponent, __assign({}, (activeItem.type !== conditionalFilterType.custom && {
|
|
54
|
+
placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label),
|
|
55
|
+
id: activeItem.filterValues ? activeItem.filterValues.id : currentValue ? String(currentValue) : undefined,
|
|
56
|
+
}), omit(activeItem.filterValues, 'value')))));
|
|
57
|
+
}))),
|
|
58
|
+
!shouldRenderNewLayout && (React.createElement(Fragment, null, !items || (items && items.length <= 0) ? (React.createElement("div", { className: classNames('ins-c-conditional-filter', {
|
|
59
|
+
desktop: useMobileLayout,
|
|
60
|
+
}) },
|
|
61
|
+
React.createElement(TextFilter, { id: id, isDisabled: isDisabled, onChange: function (e) { return onChangeCallback(e, Number(e.target.value)); }, placeholder: placeholder, value: currentValue ? String(currentValue) : undefined, "widget-type": "InsightsInput" }))) : (React.createElement(Split, { className: classNames('ins-c-conditional-filter', {
|
|
62
|
+
desktop: useMobileLayout,
|
|
63
|
+
}) },
|
|
64
|
+
items.length > 1 && (React.createElement(SplitItem, null,
|
|
65
|
+
React.createElement(Dropdown, { className: "ins-c-conditional-filter__group", onSelect: function () { return setIsOpen(false); }, isOpen: isOpen, ouiaId: "ConditionalFilter", toggle: React.createElement(DropdownToggle, { "aria-label": "Conditional filter", onToggle: setIsOpen, isDisabled: isDisabled, className: hideLabel ? 'ins-c-conditional-filter__no-label' : '', ouiaId: "ConditionalFilter" },
|
|
66
|
+
React.createElement(FilterIcon, { size: "sm" }),
|
|
67
|
+
!hideLabel && (React.createElement("span", { className: "ins-c-conditional-filter__value-selector" }, activeItem && capitalize(String(activeItem.label))))), dropdownItems: items.map(function (item, key) { return (React.createElement(DropdownItem, { key: item.id ? "".concat(item.id, "-dropdown") : key, component: "button", ouiaId: String(item.label), onClick: function (e) { return onChangeCallback(e, item.value || key); }, isHovered: activeItem.label === item.label }, capitalize(String(item.label)))); }) }))),
|
|
68
|
+
ActiveComponent && (React.createElement(SplitItem, { isFilled: true },
|
|
69
|
+
React.createElement(ActiveComponent, __assign({}, (activeItem.type !== conditionalFilterType.custom && {
|
|
70
|
+
placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label),
|
|
71
|
+
id: (activeItem.filterValues && activeItem.filterValues.id) || currentValue ? String(currentValue) : undefined,
|
|
72
|
+
}), omit(activeItem.filterValues, 'value')))))))))));
|
|
167
73
|
};
|
|
168
74
|
export default ConditionalFilter;
|
|
169
75
|
//# sourceMappingURL=ConditionalFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionalFilter.js","sourceRoot":"","sources":["../../src/ConditionalFilter/ConditionalFilter.
|
|
1
|
+
{"version":3,"file":"ConditionalFilter.js","sourceRoot":"","sources":["../../src/ConditionalFilter/ConditionalFilter.tsx"],"names":[],"mappings":"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"}
|