@redhat-cloud-services/frontend-components 3.9.19 → 3.9.21
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/ConditionalFilter/ConditionalFilter.d.ts +2 -1
- package/ConditionalFilter/ConditionalFilter.js +4 -3
- package/ConditionalFilter/ConditionalFilter.js.map +1 -1
- package/ConditionalFilter/TextFilter.d.ts +1 -0
- package/ConditionalFilter/TextFilter.js +2 -2
- package/ConditionalFilter/TextFilter.js.map +1 -1
- package/esm/ConditionalFilter/ConditionalFilter.js +4 -3
- package/esm/ConditionalFilter/ConditionalFilter.js.map +1 -1
- package/esm/ConditionalFilter/TextFilter.js +2 -2
- package/esm/ConditionalFilter/TextFilter.js.map +1 -1
- package/package.json +2 -2
|
@@ -23,12 +23,13 @@ export interface ConditionalFilterItem {
|
|
|
23
23
|
};
|
|
24
24
|
placeholder?: string;
|
|
25
25
|
}
|
|
26
|
-
export interface ConditionalFilterProps extends TextInputProps {
|
|
26
|
+
export interface ConditionalFilterProps<R extends HTMLElement = any> extends TextInputProps {
|
|
27
27
|
hideLabel?: boolean;
|
|
28
28
|
items: ConditionalFilterItem[];
|
|
29
29
|
id?: string;
|
|
30
30
|
isDisabled?: boolean;
|
|
31
31
|
useMobileLayout?: boolean;
|
|
32
|
+
innerRef?: React.Ref<R>;
|
|
32
33
|
}
|
|
33
34
|
declare const ConditionalFilter: React.FunctionComponent<ConditionalFilterProps>;
|
|
34
35
|
export default ConditionalFilter;
|
|
@@ -24,7 +24,7 @@ var TextFilter_1 = __importDefault(require("./TextFilter"));
|
|
|
24
24
|
var conditionalFilterConstants_1 = require("./conditionalFilterConstants");
|
|
25
25
|
require("./conditional-filter.css");
|
|
26
26
|
var ConditionalFilter = function (_a) {
|
|
27
|
-
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;
|
|
27
|
+
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, innerRef = _a.innerRef;
|
|
28
28
|
var breakpointConstant = parseInt(global_breakpoint_md_1.default.value.replace('px', ''));
|
|
29
29
|
var updateFilterViewport = function (width) { return width <= breakpointConstant; };
|
|
30
30
|
var _j = (0, react_1.useState)(false), isOpen = _j[0], setIsOpen = _j[1];
|
|
@@ -56,12 +56,13 @@ var ConditionalFilter = function (_a) {
|
|
|
56
56
|
return ((0, jsx_runtime_1.jsx)(react_core_1.ToolbarItem, { children: (0, jsx_runtime_1.jsx)(ActiveComponent, __assign({}, (activeItem.type !== conditionalFilterConstants_1.conditionalFilterType.custom && {
|
|
57
57
|
placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label),
|
|
58
58
|
id: activeItem.filterValues ? activeItem.filterValues.id : currentValue ? String(currentValue) : undefined,
|
|
59
|
+
innerRef: innerRef,
|
|
59
60
|
}), activeItem.filterValues)) }, key));
|
|
60
61
|
}) }))), !shouldRenderNewLayout && ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: !items || (items && items.length <= 0) ? ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)('ins-c-conditional-filter', {
|
|
61
62
|
desktop: useMobileLayout,
|
|
62
|
-
}) }, { children: (0, jsx_runtime_1.jsx)(TextFilter_1.default, { id: id, isDisabled: isDisabled, onChange: function (e) { return onChangeCallback(e, e.target.value); }, placeholder: placeholder, value: currentValue ? String(currentValue) : undefined, "widget-type": "InsightsInput" }) }))) : ((0, jsx_runtime_1.jsxs)(react_core_1.Split, __assign({ className: (0, classnames_1.default)('ins-c-conditional-filter', {
|
|
63
|
+
}) }, { children: (0, jsx_runtime_1.jsx)(TextFilter_1.default, { innerRef: innerRef, id: id, isDisabled: isDisabled, onChange: function (e) { return onChangeCallback(e, e.target.value); }, placeholder: placeholder, value: currentValue ? String(currentValue) : undefined, "widget-type": "InsightsInput" }) }))) : ((0, jsx_runtime_1.jsxs)(react_core_1.Split, __assign({ className: (0, classnames_1.default)('ins-c-conditional-filter', {
|
|
63
64
|
desktop: useMobileLayout,
|
|
64
|
-
}) }, { children: [items.length > 1 && ((0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { children: (0, jsx_runtime_1.jsx)(react_core_1.Dropdown, { className: "ins-c-conditional-filter__group", onSelect: function () { return setIsOpen(false); }, isOpen: isOpen, ouiaId: "ConditionalFilter", toggle: (0, jsx_runtime_1.jsxs)(react_core_1.DropdownToggle, __assign({ "aria-label": "Conditional filter", onToggle: setIsOpen, isDisabled: isDisabled, className: hideLabel ? 'ins-c-conditional-filter__no-label' : '', ouiaId: "ConditionalFilter" }, { children: [(0, jsx_runtime_1.jsx)(react_icons_1.FilterIcon, { size: "sm" }), !hideLabel && ((0, jsx_runtime_1.jsx)("span", __assign({ className: "ins-c-conditional-filter__value-selector" }, { children: activeItem && capitalize(String(activeItem.label)) })))] })), dropdownItems: items.map(function (item, key) { return ((0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, __assign({ component: "button", ouiaId: String(item.label), onClick: function (e) { return onChangeCallback(e, item.value || key); }, isHovered: activeItem.label === item.label }, { children: capitalize(String(item.label)) }), item.id ? "".concat(item.id, "-dropdown") : key)); }) }) })), ActiveComponent && ((0, jsx_runtime_1.jsx)(react_core_1.SplitItem, __assign({ isFilled: true }, { children: (0, jsx_runtime_1.jsx)(ActiveComponent, __assign({}, (activeItem.type !== conditionalFilterConstants_1.conditionalFilterType.custom && {
|
|
65
|
+
}) }, { children: [items.length > 1 && ((0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { children: (0, jsx_runtime_1.jsx)(react_core_1.Dropdown, { ref: innerRef, className: "ins-c-conditional-filter__group", onSelect: function () { return setIsOpen(false); }, isOpen: isOpen, ouiaId: "ConditionalFilter", toggle: (0, jsx_runtime_1.jsxs)(react_core_1.DropdownToggle, __assign({ "aria-label": "Conditional filter", onToggle: setIsOpen, isDisabled: isDisabled, className: hideLabel ? 'ins-c-conditional-filter__no-label' : '', ouiaId: "ConditionalFilter" }, { children: [(0, jsx_runtime_1.jsx)(react_icons_1.FilterIcon, { size: "sm" }), !hideLabel && ((0, jsx_runtime_1.jsx)("span", __assign({ className: "ins-c-conditional-filter__value-selector" }, { children: activeItem && capitalize(String(activeItem.label)) })))] })), dropdownItems: items.map(function (item, key) { return ((0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, __assign({ component: "button", ouiaId: String(item.label), onClick: function (e) { return onChangeCallback(e, item.value || key); }, isHovered: activeItem.label === item.label }, { children: capitalize(String(item.label)) }), item.id ? "".concat(item.id, "-dropdown") : key)); }) }) })), ActiveComponent && ((0, jsx_runtime_1.jsx)(react_core_1.SplitItem, __assign({ isFilled: true }, { children: (0, jsx_runtime_1.jsx)(ActiveComponent, __assign({}, (activeItem.type !== conditionalFilterConstants_1.conditionalFilterType.custom && {
|
|
65
66
|
placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label),
|
|
66
67
|
id: (activeItem.filterValues && activeItem.filterValues.id) || currentValue ? String(currentValue) : undefined,
|
|
67
68
|
}), activeItem.filterValues)) })))] }))) }))] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionalFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/ConditionalFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+BAA2F;AAC3F,0DAAoC;AACpC,+GAAuF;AACvF,qDAAiJ;AACjJ,uDAAqD;AACrD,4DAAuD;AACvD,2EAAiF;AAIjF,qCAAmC;
|
|
1
|
+
{"version":3,"file":"ConditionalFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/ConditionalFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,14 +22,14 @@ function isFilterValue(item) {
|
|
|
22
22
|
}
|
|
23
23
|
exports.isFilterValue = isFilterValue;
|
|
24
24
|
var TextFilter = function (_a) {
|
|
25
|
-
var icon = _a.icon, id = _a.id, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, className = _a.className, onChange = _a.onChange, _c = _a.onSubmit, onSubmit = _c === void 0 ? function () { return undefined; } : _c, _d = _a.value, value = _d === void 0 ? '' : _d, placeholder = _a.placeholder, props = __rest(_a, ["icon", "id", "isDisabled", "className", "onChange", "onSubmit", "value", "placeholder"]);
|
|
25
|
+
var icon = _a.icon, id = _a.id, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, className = _a.className, onChange = _a.onChange, _c = _a.onSubmit, onSubmit = _c === void 0 ? function () { return undefined; } : _c, _d = _a.value, value = _d === void 0 ? '' : _d, placeholder = _a.placeholder, innerRef = _a.innerRef, props = __rest(_a, ["icon", "id", "isDisabled", "className", "onChange", "onSubmit", "value", "placeholder", "innerRef"]);
|
|
26
26
|
var filterValue = value;
|
|
27
27
|
var _e = (0, react_1.useState)(''), stateValue = _e[0], setStateValue = _e[1];
|
|
28
28
|
var Icon = icon || react_icons_1.SearchIcon;
|
|
29
29
|
var changeCallback = function (e, value) { return (onChange ? onChange(e, value) : setStateValue(value)); };
|
|
30
30
|
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_core_1.TextInput, { "aria-label": props['aria-label'] || 'text input', className: "ins-c-conditional-filter ".concat(className || ''), "data-ouia-component-type": "PF4/TextInput", id: id, isDisabled: isDisabled, value: (onChange ? (typeof value === 'string' ? filterValue : filterValue.value) : stateValue), onChange: function (_inputValue, e) { return changeCallback(e, e.target.value); }, onKeyDown: function (e) {
|
|
31
31
|
return e.key === 'Enter' && (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e, (typeof value === 'string' ? filterValue : filterValue.value) || stateValue));
|
|
32
|
-
}, ouiaId: "ConditionalFilter", placeholder: placeholder, "widget-type": "InsightsInput" }), (0, jsx_runtime_1.jsx)(Icon, { size: "sm", className: "ins-c-search-icon" })] }));
|
|
32
|
+
}, ouiaId: "ConditionalFilter", placeholder: placeholder, "widget-type": "InsightsInput", ref: innerRef }), (0, jsx_runtime_1.jsx)(Icon, { size: "sm", className: "ins-c-search-icon" })] }));
|
|
33
33
|
};
|
|
34
34
|
exports.default = TextFilter;
|
|
35
35
|
//# sourceMappingURL=TextFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/TextFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+BAAgF;AAChF,qDAAmD;AACnD,uDAAqD;AACrD,qCAAmC;AAEnC,SAAgB,aAAa,CAAC,IAA0B;IACtD,OAAQ,IAAoB,CAAC,KAAK,KAAK,SAAS,CAAC;AACnD,CAAC;AAFD,sCAEC;
|
|
1
|
+
{"version":3,"file":"TextFilter.js","sourceRoot":"","sources":["../src/ConditionalFilter/TextFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+BAAgF;AAChF,qDAAmD;AACnD,uDAAqD;AACrD,qCAAmC;AAEnC,SAAgB,aAAa,CAAC,IAA0B;IACtD,OAAQ,IAAoB,CAAC,KAAK,KAAK,SAAS,CAAC;AACnD,CAAC;AAFD,sCAEC;AA4DD,IAAM,UAAU,GAA6C,UAAC,EAW7D;IAVC,IAAA,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,gBAA0B,EAA1B,QAAQ,mBAAG,cAAM,OAAA,SAAS,EAAT,CAAS,KAAA,EAC1B,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,WAAW,iBAAA,EACX,QAAQ,cAAA,EACL,KAAK,cAVoD,qGAW7D,CADS;IAER,IAAM,WAAW,GAAG,KAA6B,CAAC;IAC5C,IAAA,KAA8B,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAC;IACjD,IAAM,IAAI,GAAG,IAAI,IAAI,wBAAU,CAAC;IAChC,IAAM,cAAc,GAAG,UAAC,CAAoC,EAAE,KAAa,IAAK,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAtD,CAAsD,CAAC;IAEvI,OAAO,CACL,wBAAC,gBAAQ,eACP,uBAAC,sBAAS,kBACI,KAAK,CAAC,YAAY,CAAC,IAAI,YAAY,EAC/C,SAAS,EAAE,mCAA4B,SAAS,IAAI,EAAE,CAAE,8BAC/B,eAAe,EACxC,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAE,WAA2B,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAW,EACzH,QAAQ,EAAE,UAAC,WAAW,EAAE,CAAC,IAAK,OAAA,cAAc,CAAC,CAAC,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,EAAvD,CAAuD,EACrF,SAAS,EAAE,UAAC,CAAC;oBACX,OAAA,CAAC,CAAC,GAAG,KAAK,OAAO,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,EAAG,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAE,WAA2B,CAAC,KAAK,CAAY,IAAI,UAAU,CAAC,CAAA;gBAA5I,CAA4I,EAE9I,MAAM,EAAC,mBAAmB,EAC1B,WAAW,EAAE,WAAW,iBACZ,eAAe,EAC3B,GAAG,EAAE,QAAQ,GACb,EACF,uBAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,mBAAmB,GAAG,IACvC,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
|
@@ -19,7 +19,7 @@ import TextFilter from './TextFilter';
|
|
|
19
19
|
import { conditionalFilterType, typeMapper } from './conditionalFilterConstants';
|
|
20
20
|
import '../ConditionalFilter/conditional-filter.css';
|
|
21
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;
|
|
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, innerRef = _a.innerRef;
|
|
23
23
|
var breakpointConstant = parseInt(globalBreakpointMd.value.replace('px', ''));
|
|
24
24
|
var updateFilterViewport = function (width) { return width <= breakpointConstant; };
|
|
25
25
|
var _j = useState(false), isOpen = _j[0], setIsOpen = _j[1];
|
|
@@ -51,12 +51,13 @@ var ConditionalFilter = function (_a) {
|
|
|
51
51
|
return (_jsx(ToolbarItem, { children: _jsx(ActiveComponent, __assign({}, (activeItem.type !== conditionalFilterType.custom && {
|
|
52
52
|
placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label),
|
|
53
53
|
id: activeItem.filterValues ? activeItem.filterValues.id : currentValue ? String(currentValue) : undefined,
|
|
54
|
+
innerRef: innerRef,
|
|
54
55
|
}), activeItem.filterValues)) }, key));
|
|
55
56
|
}) }))), !shouldRenderNewLayout && (_jsx(Fragment, { children: !items || (items && items.length <= 0) ? (_jsx("div", __assign({ className: classNames('ins-c-conditional-filter', {
|
|
56
57
|
desktop: useMobileLayout,
|
|
57
|
-
}) }, { children: _jsx(TextFilter, { id: id, isDisabled: isDisabled, onChange: function (e) { return onChangeCallback(e, e.target.value); }, placeholder: placeholder, value: currentValue ? String(currentValue) : undefined, "widget-type": "InsightsInput" }) }))) : (_jsxs(Split, __assign({ className: classNames('ins-c-conditional-filter', {
|
|
58
|
+
}) }, { children: _jsx(TextFilter, { innerRef: innerRef, id: id, isDisabled: isDisabled, onChange: function (e) { return onChangeCallback(e, e.target.value); }, placeholder: placeholder, value: currentValue ? String(currentValue) : undefined, "widget-type": "InsightsInput" }) }))) : (_jsxs(Split, __assign({ className: classNames('ins-c-conditional-filter', {
|
|
58
59
|
desktop: useMobileLayout,
|
|
59
|
-
}) }, { children: [items.length > 1 && (_jsx(SplitItem, { children: _jsx(Dropdown, { className: "ins-c-conditional-filter__group", onSelect: function () { return setIsOpen(false); }, isOpen: isOpen, ouiaId: "ConditionalFilter", toggle: _jsxs(DropdownToggle, __assign({ "aria-label": "Conditional filter", onToggle: setIsOpen, isDisabled: isDisabled, className: hideLabel ? 'ins-c-conditional-filter__no-label' : '', ouiaId: "ConditionalFilter" }, { children: [_jsx(FilterIcon, { size: "sm" }), !hideLabel && (_jsx("span", __assign({ className: "ins-c-conditional-filter__value-selector" }, { children: activeItem && capitalize(String(activeItem.label)) })))] })), dropdownItems: items.map(function (item, key) { return (_jsx(DropdownItem, __assign({ component: "button", ouiaId: String(item.label), onClick: function (e) { return onChangeCallback(e, item.value || key); }, isHovered: activeItem.label === item.label }, { children: capitalize(String(item.label)) }), item.id ? "".concat(item.id, "-dropdown") : key)); }) }) })), ActiveComponent && (_jsx(SplitItem, __assign({ isFilled: true }, { children: _jsx(ActiveComponent, __assign({}, (activeItem.type !== conditionalFilterType.custom && {
|
|
60
|
+
}) }, { children: [items.length > 1 && (_jsx(SplitItem, { children: _jsx(Dropdown, { ref: innerRef, className: "ins-c-conditional-filter__group", onSelect: function () { return setIsOpen(false); }, isOpen: isOpen, ouiaId: "ConditionalFilter", toggle: _jsxs(DropdownToggle, __assign({ "aria-label": "Conditional filter", onToggle: setIsOpen, isDisabled: isDisabled, className: hideLabel ? 'ins-c-conditional-filter__no-label' : '', ouiaId: "ConditionalFilter" }, { children: [_jsx(FilterIcon, { size: "sm" }), !hideLabel && (_jsx("span", __assign({ className: "ins-c-conditional-filter__value-selector" }, { children: activeItem && capitalize(String(activeItem.label)) })))] })), dropdownItems: items.map(function (item, key) { return (_jsx(DropdownItem, __assign({ component: "button", ouiaId: String(item.label), onClick: function (e) { return onChangeCallback(e, item.value || key); }, isHovered: activeItem.label === item.label }, { children: capitalize(String(item.label)) }), item.id ? "".concat(item.id, "-dropdown") : key)); }) }) })), ActiveComponent && (_jsx(SplitItem, __assign({ isFilled: true }, { children: _jsx(ActiveComponent, __assign({}, (activeItem.type !== conditionalFilterType.custom && {
|
|
60
61
|
placeholder: placeholder || activeItem.placeholder || "Filter by ".concat(activeItem.label),
|
|
61
62
|
id: (activeItem.filterValues && activeItem.filterValues.id) || currentValue ? String(currentValue) : undefined,
|
|
62
63
|
}), activeItem.filterValues)) })))] }))) }))] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConditionalFilter.js","sourceRoot":"","sources":["../../src/ConditionalFilter/ConditionalFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAa,QAAQ,EAAa,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3F,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,kBAAkB,MAAM,uDAAuD,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjJ,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,UAA2B,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAIjF,OAAO,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"ConditionalFilter.js","sourceRoot":"","sources":["../../src/ConditionalFilter/ConditionalFilter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,14 +18,14 @@ export function isFilterValue(item) {
|
|
|
18
18
|
return item.value !== undefined;
|
|
19
19
|
}
|
|
20
20
|
var TextFilter = function (_a) {
|
|
21
|
-
var icon = _a.icon, id = _a.id, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, className = _a.className, onChange = _a.onChange, _c = _a.onSubmit, onSubmit = _c === void 0 ? function () { return undefined; } : _c, _d = _a.value, value = _d === void 0 ? '' : _d, placeholder = _a.placeholder, props = __rest(_a, ["icon", "id", "isDisabled", "className", "onChange", "onSubmit", "value", "placeholder"]);
|
|
21
|
+
var icon = _a.icon, id = _a.id, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, className = _a.className, onChange = _a.onChange, _c = _a.onSubmit, onSubmit = _c === void 0 ? function () { return undefined; } : _c, _d = _a.value, value = _d === void 0 ? '' : _d, placeholder = _a.placeholder, innerRef = _a.innerRef, props = __rest(_a, ["icon", "id", "isDisabled", "className", "onChange", "onSubmit", "value", "placeholder", "innerRef"]);
|
|
22
22
|
var filterValue = value;
|
|
23
23
|
var _e = useState(''), stateValue = _e[0], setStateValue = _e[1];
|
|
24
24
|
var Icon = icon || SearchIcon;
|
|
25
25
|
var changeCallback = function (e, value) { return (onChange ? onChange(e, value) : setStateValue(value)); };
|
|
26
26
|
return (_jsxs(Fragment, { children: [_jsx(TextInput, { "aria-label": props['aria-label'] || 'text input', className: "ins-c-conditional-filter ".concat(className || ''), "data-ouia-component-type": "PF4/TextInput", id: id, isDisabled: isDisabled, value: (onChange ? (typeof value === 'string' ? filterValue : filterValue.value) : stateValue), onChange: function (_inputValue, e) { return changeCallback(e, e.target.value); }, onKeyDown: function (e) {
|
|
27
27
|
return e.key === 'Enter' && (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e, (typeof value === 'string' ? filterValue : filterValue.value) || stateValue));
|
|
28
|
-
}, ouiaId: "ConditionalFilter", placeholder: placeholder, "widget-type": "InsightsInput" }), _jsx(Icon, { size: "sm", className: "ins-c-search-icon" })] }));
|
|
28
|
+
}, ouiaId: "ConditionalFilter", placeholder: placeholder, "widget-type": "InsightsInput", ref: innerRef }), _jsx(Icon, { size: "sm", className: "ins-c-search-icon" })] }));
|
|
29
29
|
};
|
|
30
30
|
export default TextFilter;
|
|
31
31
|
//# sourceMappingURL=TextFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFilter.js","sourceRoot":"","sources":["../../src/ConditionalFilter/TextFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAa,QAAQ,EAAqB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,2BAA2B,CAAC;AAEnC,MAAM,UAAU,aAAa,CAAC,IAA0B;IACtD,OAAQ,IAAoB,CAAC,KAAK,KAAK,SAAS,CAAC;AACnD,CAAC;
|
|
1
|
+
{"version":3,"file":"TextFilter.js","sourceRoot":"","sources":["../../src/ConditionalFilter/TextFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAa,QAAQ,EAAqB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,2BAA2B,CAAC;AAEnC,MAAM,UAAU,aAAa,CAAC,IAA0B;IACtD,OAAQ,IAAoB,CAAC,KAAK,KAAK,SAAS,CAAC;AACnD,CAAC;AA4DD,IAAM,UAAU,GAA6C,UAAC,EAW7D;IAVC,IAAA,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,gBAA0B,EAA1B,QAAQ,mBAAG,cAAM,OAAA,SAAS,EAAT,CAAS,KAAA,EAC1B,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,WAAW,iBAAA,EACX,QAAQ,cAAA,EACL,KAAK,cAVoD,qGAW7D,CADS;IAER,IAAM,WAAW,GAAG,KAA6B,CAAC;IAC5C,IAAA,KAA8B,QAAQ,CAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAC;IACjD,IAAM,IAAI,GAAG,IAAI,IAAI,UAAU,CAAC;IAChC,IAAM,cAAc,GAAG,UAAC,CAAoC,EAAE,KAAa,IAAK,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAtD,CAAsD,CAAC;IAEvI,OAAO,CACL,MAAC,QAAQ,eACP,KAAC,SAAS,kBACI,KAAK,CAAC,YAAY,CAAC,IAAI,YAAY,EAC/C,SAAS,EAAE,mCAA4B,SAAS,IAAI,EAAE,CAAE,8BAC/B,eAAe,EACxC,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAE,WAA2B,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAW,EACzH,QAAQ,EAAE,UAAC,WAAW,EAAE,CAAC,IAAK,OAAA,cAAc,CAAC,CAAC,EAAG,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,EAAvD,CAAuD,EACrF,SAAS,EAAE,UAAC,CAAC;oBACX,OAAA,CAAC,CAAC,GAAG,KAAK,OAAO,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,EAAG,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAE,WAA2B,CAAC,KAAK,CAAY,IAAI,UAAU,CAAC,CAAA;gBAA5I,CAA4I,EAE9I,MAAM,EAAC,mBAAmB,EAC1B,WAAW,EAAE,WAAW,iBACZ,eAAe,EAC3B,GAAG,EAAE,QAAQ,GACb,EACF,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,mBAAmB,GAAG,IACvC,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@redhat-cloud-services/frontend-components",
|
|
3
|
-
"version": "3.9.
|
|
3
|
+
"version": "3.9.21",
|
|
4
4
|
"description": "Common components for RedHat Cloud Services project.",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "esm/index.js",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"sanitize-html": "^2.7.2",
|
|
51
51
|
"@scalprum/core": "^0.2.3",
|
|
52
52
|
"@scalprum/react-core": "^0.2.4",
|
|
53
|
-
"@redhat-cloud-services/types": "^0.0.
|
|
53
|
+
"@redhat-cloud-services/types": "^0.0.13"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
56
|
"@patternfly/patternfly": "^4.217.0",
|