@redhat-cloud-services/frontend-components 5.0.4 → 5.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/DownloadButton/DownloadButton.d.ts +4 -0
- package/DownloadButton/DownloadButton.js +6 -3
- package/DownloadButton/DownloadButton.js.map +1 -1
- package/SimpleTableFilter/simple-table-filter.scss +2 -2
- package/esm/DownloadButton/DownloadButton.d.ts +4 -0
- package/esm/DownloadButton/DownloadButton.js +6 -3
- package/esm/DownloadButton/DownloadButton.js.map +1 -1
- package/esm/SimpleTableFilter/simple-table-filter.scss +2 -2
- package/package.json +1 -1
|
@@ -5,6 +5,10 @@ export interface DownloadButtonProps extends Omit<DropdownProps, 'onSelect' | 't
|
|
|
5
5
|
tooltipText?: React.ReactNode;
|
|
6
6
|
onSelect?: (event: MouseEvent | React.MouseEvent<any, MouseEvent> | React.KeyboardEvent<Element>, format: 'csv' | 'json') => void;
|
|
7
7
|
isDisabled?: boolean;
|
|
8
|
+
itemTexts?: {
|
|
9
|
+
csv?: string;
|
|
10
|
+
json?: string;
|
|
11
|
+
};
|
|
8
12
|
}
|
|
9
13
|
declare const DownloadButton: React.FunctionComponent<DownloadButtonProps>;
|
|
10
14
|
export default DownloadButton;
|
|
@@ -57,13 +57,16 @@ var Tooltip_1 = require("@patternfly/react-core/dist/dynamic/components/Tooltip"
|
|
|
57
57
|
var react_1 = __importStar(require("react"));
|
|
58
58
|
var export_icon_1 = __importDefault(require("@patternfly/react-icons/dist/dynamic/icons/export-icon"));
|
|
59
59
|
var DownloadButton = function (_a) {
|
|
60
|
-
var _b = _a.extraItems, extraItems = _b === void 0 ? [] : _b, _c = _a.onSelect, onSelect = _c === void 0 ? function () { return undefined; } : _c, isDisabled = _a.isDisabled, _d = _a.tooltipText, tooltipText = _d === void 0 ? 'Export data' : _d,
|
|
61
|
-
|
|
60
|
+
var _b = _a.extraItems, extraItems = _b === void 0 ? [] : _b, _c = _a.onSelect, onSelect = _c === void 0 ? function () { return undefined; } : _c, isDisabled = _a.isDisabled, _d = _a.tooltipText, tooltipText = _d === void 0 ? 'Export data' : _d, _e = _a.itemTexts, itemTexts = _e === void 0 ? {
|
|
61
|
+
csv: undefined,
|
|
62
|
+
json: undefined,
|
|
63
|
+
} : _e, props = __rest(_a, ["extraItems", "onSelect", "isDisabled", "tooltipText", "itemTexts"]);
|
|
64
|
+
var _f = (0, react_1.useState)(false), isOpen = _f[0], setIsOpen = _f[1];
|
|
62
65
|
var internalOnSelect = function () { return setIsOpen(function (prev) { return !prev; }); };
|
|
63
66
|
var conditionallyTooltip = function (children) {
|
|
64
67
|
return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: tooltipText ? (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { content: tooltipText, children: children }) : children });
|
|
65
68
|
};
|
|
66
|
-
return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: conditionallyTooltip((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, __assign({}, props, { onOpenChange: function (isOpen) { return setIsOpen(isOpen); }, onSelect: internalOnSelect, toggle: function (toggleRef) { return ((0, jsx_runtime_1.jsx)(MenuToggle_1.MenuToggle, { "aria-label": "Export", variant: "plain", ref: toggleRef, isExpanded: isOpen, onClick: function () { return setIsOpen(function (prev) { return !prev; }); }, children: (0, jsx_runtime_1.jsx)(export_icon_1.default, {}) })); }, isOpen: isOpen, ouiaId: "Export", children: (0, jsx_runtime_1.jsxs)(Dropdown_3.DropdownList, { children: [(0, jsx_runtime_1.jsx)(Dropdown_2.DropdownItem, { ouiaId: "DownloadCSV", component: "button", onClick: function (event) { return onSelect(event, 'csv'); }, isDisabled: isDisabled, "aria-label":
|
|
69
|
+
return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: conditionallyTooltip((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, __assign({}, props, { onOpenChange: function (isOpen) { return setIsOpen(isOpen); }, onSelect: internalOnSelect, toggle: function (toggleRef) { return ((0, jsx_runtime_1.jsx)(MenuToggle_1.MenuToggle, { "aria-label": "Export", variant: "plain", ref: toggleRef, isExpanded: isOpen, onClick: function () { return setIsOpen(function (prev) { return !prev; }); }, children: (0, jsx_runtime_1.jsx)(export_icon_1.default, {}) })); }, isOpen: isOpen, ouiaId: "Export", children: (0, jsx_runtime_1.jsxs)(Dropdown_3.DropdownList, { children: [(0, jsx_runtime_1.jsx)(Dropdown_2.DropdownItem, { ouiaId: "DownloadCSV", component: "button", onClick: function (event) { return onSelect(event, 'csv'); }, isDisabled: isDisabled, "aria-label": itemTexts.csv || 'Export to CSV', children: itemTexts.csv || 'Export to CSV' }, "download-csv"), (0, jsx_runtime_1.jsx)(Dropdown_2.DropdownItem, { "aria-label": itemTexts.json || 'Export to JSON', ouiaId: "DownloadJSON", component: "button", onClick: function (event) { return onSelect(event, 'json'); }, isDisabled: isDisabled, children: itemTexts.json || 'Export to JSON' }, "download-json"), extraItems] }) }))) }));
|
|
67
70
|
};
|
|
68
71
|
exports.default = DownloadButton;
|
|
69
72
|
//# sourceMappingURL=DownloadButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DownloadButton.js","sourceRoot":"","sources":["../../../../packages/components/src/DownloadButton/DownloadButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oFAAmF;AACnF,oFAAuF;AACvF,oFAAuF;AAEvF,wFAAuF;AACvF,kFAAiF;AAEjF,6CAAwC;AAExC,uGAAgF;
|
|
1
|
+
{"version":3,"file":"DownloadButton.js","sourceRoot":"","sources":["../../../../packages/components/src/DownloadButton/DownloadButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oFAAmF;AACnF,oFAAuF;AACvF,oFAAuF;AAEvF,wFAAuF;AACvF,kFAAiF;AAEjF,6CAAwC;AAExC,uGAAgF;AA6BhF,IAAM,cAAc,GAAiD,UAAC,EAUrE;IATC,IAAA,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,gBAA0B,EAA1B,QAAQ,mBAAG,cAAM,OAAA,SAAS,EAAT,CAAS,KAAA,EAC1B,UAAU,gBAAA,EACV,mBAA2B,EAA3B,WAAW,mBAAG,aAAa,KAAA,EAC3B,iBAGC,EAHD,SAAS,mBAAG;QACV,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB,KAAA,EACE,KAAK,cAT4D,oEAUrE,CADS;IAEF,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;IAE5C,IAAM,gBAAgB,GAAG,cAAM,OAAA,SAAS,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,EAA1B,CAA0B,CAAC;IAE1D,IAAM,oBAAoB,GAAG,UAAC,QAA4B;QACxD,OAAO,uBAAC,eAAK,CAAC,QAAQ,cAAE,WAAW,CAAC,CAAC,CAAC,uBAAC,iBAAO,IAAC,OAAO,EAAE,WAAW,YAAG,QAAQ,GAAW,CAAC,CAAC,CAAC,QAAQ,GAAkB,CAAC;IACzH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,eAAK,CAAC,QAAQ,cACZ,oBAAoB,CACnB,uBAAC,mBAAQ,eACH,KAAK,IACT,YAAY,EAAE,UAAC,MAAM,IAAK,OAAA,SAAS,CAAC,MAAM,CAAC,EAAjB,CAAiB,EAC3C,QAAQ,EAAE,gBAAgB,EAC1B,MAAM,EAAE,UAAC,SAAS,IAAK,OAAA,CACrB,uBAAC,uBAAU,kBAAY,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,GAAG,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,EAA1B,CAA0B,YAC3H,uBAAC,qBAAU,KAAG,GACH,CACd,EAJsB,CAItB,EACD,MAAM,EAAE,MAAM,EACd,MAAM,EAAC,QAAQ,YAEf,wBAAC,uBAAY,eACX,uBAAC,uBAAY,IAEX,MAAM,EAAC,aAAa,EACpB,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,EAAtB,CAAsB,EAC1C,UAAU,EAAE,UAAU,gBACV,SAAS,CAAC,GAAG,IAAI,eAAe,YAE3C,SAAS,CAAC,GAAG,IAAI,eAAe,IAP7B,cAAc,CAQL,EACf,uBAAC,uBAAY,kBACC,SAAS,CAAC,IAAI,IAAI,gBAAgB,EAE9C,MAAM,EAAC,cAAc,EACrB,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,EAAvB,CAAuB,EAC3C,UAAU,EAAE,UAAU,YAErB,SAAS,CAAC,IAAI,IAAI,gBAAgB,IAN/B,eAAe,CAON,EACd,UAAU,IACE,IACN,CACZ,GACc,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
|
|
2
|
-
@
|
|
3
|
-
@
|
|
2
|
+
@forward '~@redhat-cloud-services/frontend-components-utilities/styles/_mixins.scss';
|
|
3
|
+
@forward '~@patternfly/patternfly/sass-utilities/all';
|
|
@@ -5,6 +5,10 @@ export interface DownloadButtonProps extends Omit<DropdownProps, 'onSelect' | 't
|
|
|
5
5
|
tooltipText?: React.ReactNode;
|
|
6
6
|
onSelect?: (event: MouseEvent | React.MouseEvent<any, MouseEvent> | React.KeyboardEvent<Element>, format: 'csv' | 'json') => void;
|
|
7
7
|
isDisabled?: boolean;
|
|
8
|
+
itemTexts?: {
|
|
9
|
+
csv?: string;
|
|
10
|
+
json?: string;
|
|
11
|
+
};
|
|
8
12
|
}
|
|
9
13
|
declare const DownloadButton: React.FunctionComponent<DownloadButtonProps>;
|
|
10
14
|
export default DownloadButton;
|
|
@@ -29,13 +29,16 @@ import { Tooltip } from '@patternfly/react-core/dist/dynamic/components/Tooltip'
|
|
|
29
29
|
import React, { useState } from 'react';
|
|
30
30
|
import ExportIcon from '@patternfly/react-icons/dist/dynamic/icons/export-icon';
|
|
31
31
|
var DownloadButton = function (_a) {
|
|
32
|
-
var _b = _a.extraItems, extraItems = _b === void 0 ? [] : _b, _c = _a.onSelect, onSelect = _c === void 0 ? function () { return undefined; } : _c, isDisabled = _a.isDisabled, _d = _a.tooltipText, tooltipText = _d === void 0 ? 'Export data' : _d,
|
|
33
|
-
|
|
32
|
+
var _b = _a.extraItems, extraItems = _b === void 0 ? [] : _b, _c = _a.onSelect, onSelect = _c === void 0 ? function () { return undefined; } : _c, isDisabled = _a.isDisabled, _d = _a.tooltipText, tooltipText = _d === void 0 ? 'Export data' : _d, _e = _a.itemTexts, itemTexts = _e === void 0 ? {
|
|
33
|
+
csv: undefined,
|
|
34
|
+
json: undefined,
|
|
35
|
+
} : _e, props = __rest(_a, ["extraItems", "onSelect", "isDisabled", "tooltipText", "itemTexts"]);
|
|
36
|
+
var _f = useState(false), isOpen = _f[0], setIsOpen = _f[1];
|
|
34
37
|
var internalOnSelect = function () { return setIsOpen(function (prev) { return !prev; }); };
|
|
35
38
|
var conditionallyTooltip = function (children) {
|
|
36
39
|
return _jsx(React.Fragment, { children: tooltipText ? _jsx(Tooltip, { content: tooltipText, children: children }) : children });
|
|
37
40
|
};
|
|
38
|
-
return (_jsx(React.Fragment, { children: conditionallyTooltip(_jsx(Dropdown, __assign({}, props, { onOpenChange: function (isOpen) { return setIsOpen(isOpen); }, onSelect: internalOnSelect, toggle: function (toggleRef) { return (_jsx(MenuToggle, { "aria-label": "Export", variant: "plain", ref: toggleRef, isExpanded: isOpen, onClick: function () { return setIsOpen(function (prev) { return !prev; }); }, children: _jsx(ExportIcon, {}) })); }, isOpen: isOpen, ouiaId: "Export", children: _jsxs(DropdownList, { children: [_jsx(DropdownItem, { ouiaId: "DownloadCSV", component: "button", onClick: function (event) { return onSelect(event, 'csv'); }, isDisabled: isDisabled, "aria-label":
|
|
41
|
+
return (_jsx(React.Fragment, { children: conditionallyTooltip(_jsx(Dropdown, __assign({}, props, { onOpenChange: function (isOpen) { return setIsOpen(isOpen); }, onSelect: internalOnSelect, toggle: function (toggleRef) { return (_jsx(MenuToggle, { "aria-label": "Export", variant: "plain", ref: toggleRef, isExpanded: isOpen, onClick: function () { return setIsOpen(function (prev) { return !prev; }); }, children: _jsx(ExportIcon, {}) })); }, isOpen: isOpen, ouiaId: "Export", children: _jsxs(DropdownList, { children: [_jsx(DropdownItem, { ouiaId: "DownloadCSV", component: "button", onClick: function (event) { return onSelect(event, 'csv'); }, isDisabled: isDisabled, "aria-label": itemTexts.csv || 'Export to CSV', children: itemTexts.csv || 'Export to CSV' }, "download-csv"), _jsx(DropdownItem, { "aria-label": itemTexts.json || 'Export to JSON', ouiaId: "DownloadJSON", component: "button", onClick: function (event) { return onSelect(event, 'json'); }, isDisabled: isDisabled, children: itemTexts.json || 'Export to JSON' }, "download-json"), extraItems] }) }))) }));
|
|
39
42
|
};
|
|
40
43
|
export default DownloadButton;
|
|
41
44
|
//# sourceMappingURL=DownloadButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DownloadButton.js","sourceRoot":"","sources":["../../../../../packages/components/src/DownloadButton/DownloadButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,yDAAyD,CAAC;AACvF,OAAO,EAAE,YAAY,EAAE,MAAM,yDAAyD,CAAC;AAEvF,OAAO,EAAE,UAAU,EAAE,MAAM,2DAA2D,CAAC;AACvF,OAAO,EAAE,OAAO,EAAE,MAAM,wDAAwD,CAAC;AAEjF,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,UAAU,MAAM,wDAAwD,CAAC;
|
|
1
|
+
{"version":3,"file":"DownloadButton.js","sourceRoot":"","sources":["../../../../../packages/components/src/DownloadButton/DownloadButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
|
|
2
|
-
@
|
|
3
|
-
@
|
|
2
|
+
@forward '~@redhat-cloud-services/frontend-components-utilities/styles/_mixins.scss';
|
|
3
|
+
@forward '~@patternfly/patternfly/sass-utilities/all';
|