@rh-support/components 2.1.48 → 2.1.49
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/lib/cjs/Table/index.d.ts +0 -1
- package/lib/cjs/Table/index.d.ts.map +1 -1
- package/lib/cjs/Table/index.js +0 -1
- package/lib/cjs/helperFunctions/errorMessage.d.ts +0 -1
- package/lib/cjs/helperFunctions/errorMessage.d.ts.map +1 -1
- package/lib/esm/Table/index.d.ts +0 -1
- package/lib/esm/Table/index.d.ts.map +1 -1
- package/lib/esm/Table/index.js +0 -1
- package/lib/esm/helperFunctions/errorMessage.d.ts +0 -1
- package/lib/esm/helperFunctions/errorMessage.d.ts.map +1 -1
- package/package.json +6 -6
- package/lib/cjs/Table/TableColumnSelector.d.ts +0 -8
- package/lib/cjs/Table/TableColumnSelector.d.ts.map +0 -1
- package/lib/cjs/Table/TableColumnSelector.js +0 -34
- package/lib/cjs/Table/columnSelector.css +0 -41
- package/lib/esm/Table/TableColumnSelector.d.ts +0 -8
- package/lib/esm/Table/TableColumnSelector.d.ts.map +0 -1
- package/lib/esm/Table/TableColumnSelector.js +0 -27
- package/lib/esm/Table/columnSelector.css +0 -41
package/lib/cjs/Table/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC"}
|
package/lib/cjs/Table/index.js
CHANGED
|
@@ -16,5 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./TableComponent"), exports);
|
|
18
18
|
__exportStar(require("./PFTable"), exports);
|
|
19
|
-
__exportStar(require("./TableColumnSelector"), exports);
|
|
20
19
|
__exportStar(require("./TablePagination"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"errorMessage.d.ts","sourceRoot":"","sources":["../../../src/helperFunctions/errorMessage.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"errorMessage.d.ts","sourceRoot":"","sources":["../../../src/helperFunctions/errorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAS7B,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,SAAS;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;CACxC;AAoDD,iBAAS,wBAAwB,CAAC,KAAK,KAAA,EAAE,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CAwCxF;AAED,iBAAS,iBAAiB,CAAC,KAAK,KAAA,EAAE,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,CAIjE;AAED,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,CAAC"}
|
package/lib/esm/Table/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC"}
|
package/lib/esm/Table/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"errorMessage.d.ts","sourceRoot":"","sources":["../../../src/helperFunctions/errorMessage.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"errorMessage.d.ts","sourceRoot":"","sources":["../../../src/helperFunctions/errorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAS7B,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CACjC;AAED,MAAM,WAAW,SAAS;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;CACxC;AAoDD,iBAAS,wBAAwB,CAAC,KAAK,KAAA,EAAE,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CAwCxF;AAED,iBAAS,iBAAiB,CAAC,KAAK,KAAA,EAAE,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,CAIjE;AAED,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rh-support/components",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.49",
|
|
4
4
|
"description": "Contains all reusabel components for support app",
|
|
5
5
|
"author": "Vikas Rathee <vrathee@redhat.com>",
|
|
6
6
|
"license": "ISC",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
},
|
|
57
57
|
"peerDependencies": {
|
|
58
58
|
"@cee-eng/hydrajs": "4.17.7",
|
|
59
|
-
"@cee-eng/ui-toolkit": "1.1.
|
|
59
|
+
"@cee-eng/ui-toolkit": "1.1.8",
|
|
60
60
|
"@patternfly/patternfly": "5.1.0",
|
|
61
61
|
"@patternfly/react-core": "5.1.1",
|
|
62
62
|
"@patternfly/react-table": "5.1.1",
|
|
@@ -74,13 +74,13 @@
|
|
|
74
74
|
},
|
|
75
75
|
"dependencies": {
|
|
76
76
|
"@cee-eng/hydrajs": "4.17.7",
|
|
77
|
-
"@cee-eng/ui-toolkit": "1.1.
|
|
77
|
+
"@cee-eng/ui-toolkit": "1.1.8",
|
|
78
78
|
"@patternfly/patternfly": "5.1.0",
|
|
79
79
|
"@patternfly/react-core": "5.1.1",
|
|
80
80
|
"@patternfly/react-table": "5.1.1",
|
|
81
81
|
"@rh-support/types": "2.0.3",
|
|
82
|
-
"@rh-support/user-permissions": "2.1.
|
|
83
|
-
"@rh-support/utils": "2.1.
|
|
82
|
+
"@rh-support/user-permissions": "2.1.36",
|
|
83
|
+
"@rh-support/utils": "2.1.26",
|
|
84
84
|
"dompurify": "^2.2.6",
|
|
85
85
|
"downshift": "^6.0.5",
|
|
86
86
|
"js-worker-search": "^1.4.1",
|
|
@@ -120,5 +120,5 @@
|
|
|
120
120
|
"defaults and supports es6-module",
|
|
121
121
|
"maintained node versions"
|
|
122
122
|
],
|
|
123
|
-
"gitHead": "
|
|
123
|
+
"gitHead": "860400c585c5440fafa0bdeeeed2bfbbf6e0fbd6"
|
|
124
124
|
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import './columnSelector.css';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
interface IProps {
|
|
4
|
-
onColumnSelectorChange: (columns: string[]) => void;
|
|
5
|
-
}
|
|
6
|
-
export declare function TableColumnSelector({ onColumnSelectorChange }: IProps): React.JSX.Element;
|
|
7
|
-
export {};
|
|
8
|
-
//# sourceMappingURL=TableColumnSelector.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableColumnSelector.d.ts","sourceRoot":"","sources":["../../../src/Table/TableColumnSelector.tsx"],"names":[],"mappings":"AACA,OAAO,sBAAsB,CAAC;AAI9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,MAAM;IACZ,sBAAsB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACvD;AAED,wBAAgB,mBAAmB,CAAC,EAAE,sBAAsB,EAAE,EAAE,MAAM,qBAoCrE"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.TableColumnSelector = void 0;
|
|
7
|
-
// import { Button } from '@patternfly/react-core';
|
|
8
|
-
require("./columnSelector.css");
|
|
9
|
-
const utils_1 = require("@rh-support/utils");
|
|
10
|
-
const react_1 = __importDefault(require("react"));
|
|
11
|
-
const react_i18next_1 = require("react-i18next");
|
|
12
|
-
const DropDownList_1 = require("../DropDownList");
|
|
13
|
-
const TableProvider_1 = require("./TableProvider");
|
|
14
|
-
function TableColumnSelector({ onColumnSelectorChange }) {
|
|
15
|
-
const { selectedColumns: selectedItems, columns } = (0, TableProvider_1.useTableContext)();
|
|
16
|
-
const { t } = (0, react_i18next_1.useTranslation)();
|
|
17
|
-
const handleChange = (selectedCols) => {
|
|
18
|
-
selectedCols = selectedCols.map((i) => i.value.value);
|
|
19
|
-
onColumnSelectorChange(selectedCols);
|
|
20
|
-
};
|
|
21
|
-
return (react_1.default.createElement(DropDownList_1.MultiSelectDropDownList, { id: "case-list-table-column-dropdown", "data-tracking-id": "case-list-table-column-dropdown", selectedItems: (0, utils_1.toOptions)((selectedItems || []).map((item) => {
|
|
22
|
-
var _a;
|
|
23
|
-
return ({
|
|
24
|
-
value: item,
|
|
25
|
-
label: (((_a = columns.find((col) => item === col.id)) === null || _a === void 0 ? void 0 : _a.title) || ''),
|
|
26
|
-
isDisabled: false,
|
|
27
|
-
});
|
|
28
|
-
}), { labelKey: 'label', disabledKey: 'isDisabled' }), list: (0, utils_1.toOptions)(columns.map((column) => ({
|
|
29
|
-
value: column.id,
|
|
30
|
-
label: column.title,
|
|
31
|
-
isDisabled: column.show === undefined,
|
|
32
|
-
})), { labelKey: 'label', disabledKey: 'isDisabled' }), title: 'column selector menu', placeholder: t('Columns'), onChange: handleChange, className: "column-selector", hasTwoColumns: true }));
|
|
33
|
-
}
|
|
34
|
-
exports.TableColumnSelector = TableColumnSelector;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
.downshift .column-selector-menu {
|
|
2
|
-
box-shadow: rgba(3, 5, 3, 0.05) 1px 1px 1px 0px, rgba(3, 3, 3, 0.06) 1px 4px 8px 6px;
|
|
3
|
-
max-height: 250px;
|
|
4
|
-
left: unset;
|
|
5
|
-
border-color: #d1d1d1;
|
|
6
|
-
position: absolute;
|
|
7
|
-
top: 100%;
|
|
8
|
-
z-index: 10;
|
|
9
|
-
display: -ms-grid;
|
|
10
|
-
display: grid;
|
|
11
|
-
-ms-grid-columns: 1fr 1fr;
|
|
12
|
-
grid-template-columns: 1fr 1fr;
|
|
13
|
-
grid-gap: 6px;
|
|
14
|
-
margin: 4px 0 0;
|
|
15
|
-
list-style-type: none;
|
|
16
|
-
background-color: #fff;
|
|
17
|
-
min-width: 410px;
|
|
18
|
-
overflow: auto;
|
|
19
|
-
padding: 10px 4px;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.downshift .column-selector-menu li:hover:not([disabled]) label {
|
|
23
|
-
cursor: pointer;
|
|
24
|
-
color: #06c;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.downshift .column-selector-menu li[disabled] {
|
|
28
|
-
cursor: not-allowed;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
button.pf-v5-c-button.column-selector-btn::after {
|
|
32
|
-
border: none;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.downshift .column-selector-menu li label {
|
|
36
|
-
font-weight: 400;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
#case-list-table-column-dropdown ul {
|
|
40
|
-
min-height: 336px;
|
|
41
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import './columnSelector.css';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
interface IProps {
|
|
4
|
-
onColumnSelectorChange: (columns: string[]) => void;
|
|
5
|
-
}
|
|
6
|
-
export declare function TableColumnSelector({ onColumnSelectorChange }: IProps): React.JSX.Element;
|
|
7
|
-
export {};
|
|
8
|
-
//# sourceMappingURL=TableColumnSelector.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableColumnSelector.d.ts","sourceRoot":"","sources":["../../../src/Table/TableColumnSelector.tsx"],"names":[],"mappings":"AACA,OAAO,sBAAsB,CAAC;AAI9B,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,MAAM;IACZ,sBAAsB,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACvD;AAED,wBAAgB,mBAAmB,CAAC,EAAE,sBAAsB,EAAE,EAAE,MAAM,qBAoCrE"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
// import { Button } from '@patternfly/react-core';
|
|
2
|
-
import './columnSelector.css';
|
|
3
|
-
import { toOptions } from '@rh-support/utils';
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import { useTranslation } from 'react-i18next';
|
|
6
|
-
import { MultiSelectDropDownList } from '../DropDownList';
|
|
7
|
-
import { useTableContext } from './TableProvider';
|
|
8
|
-
export function TableColumnSelector({ onColumnSelectorChange }) {
|
|
9
|
-
const { selectedColumns: selectedItems, columns } = useTableContext();
|
|
10
|
-
const { t } = useTranslation();
|
|
11
|
-
const handleChange = (selectedCols) => {
|
|
12
|
-
selectedCols = selectedCols.map((i) => i.value.value);
|
|
13
|
-
onColumnSelectorChange(selectedCols);
|
|
14
|
-
};
|
|
15
|
-
return (React.createElement(MultiSelectDropDownList, { id: "case-list-table-column-dropdown", "data-tracking-id": "case-list-table-column-dropdown", selectedItems: toOptions((selectedItems || []).map((item) => {
|
|
16
|
-
var _a;
|
|
17
|
-
return ({
|
|
18
|
-
value: item,
|
|
19
|
-
label: (((_a = columns.find((col) => item === col.id)) === null || _a === void 0 ? void 0 : _a.title) || ''),
|
|
20
|
-
isDisabled: false,
|
|
21
|
-
});
|
|
22
|
-
}), { labelKey: 'label', disabledKey: 'isDisabled' }), list: toOptions(columns.map((column) => ({
|
|
23
|
-
value: column.id,
|
|
24
|
-
label: column.title,
|
|
25
|
-
isDisabled: column.show === undefined,
|
|
26
|
-
})), { labelKey: 'label', disabledKey: 'isDisabled' }), title: 'column selector menu', placeholder: t('Columns'), onChange: handleChange, className: "column-selector", hasTwoColumns: true }));
|
|
27
|
-
}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
.downshift .column-selector-menu {
|
|
2
|
-
box-shadow: rgba(3, 5, 3, 0.05) 1px 1px 1px 0px, rgba(3, 3, 3, 0.06) 1px 4px 8px 6px;
|
|
3
|
-
max-height: 250px;
|
|
4
|
-
left: unset;
|
|
5
|
-
border-color: #d1d1d1;
|
|
6
|
-
position: absolute;
|
|
7
|
-
top: 100%;
|
|
8
|
-
z-index: 10;
|
|
9
|
-
display: -ms-grid;
|
|
10
|
-
display: grid;
|
|
11
|
-
-ms-grid-columns: 1fr 1fr;
|
|
12
|
-
grid-template-columns: 1fr 1fr;
|
|
13
|
-
grid-gap: 6px;
|
|
14
|
-
margin: 4px 0 0;
|
|
15
|
-
list-style-type: none;
|
|
16
|
-
background-color: #fff;
|
|
17
|
-
min-width: 410px;
|
|
18
|
-
overflow: auto;
|
|
19
|
-
padding: 10px 4px;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.downshift .column-selector-menu li:hover:not([disabled]) label {
|
|
23
|
-
cursor: pointer;
|
|
24
|
-
color: #06c;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.downshift .column-selector-menu li[disabled] {
|
|
28
|
-
cursor: not-allowed;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
button.pf-v5-c-button.column-selector-btn::after {
|
|
32
|
-
border: none;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.downshift .column-selector-menu li label {
|
|
36
|
-
font-weight: 400;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
#case-list-table-column-dropdown ul {
|
|
40
|
-
min-height: 336px;
|
|
41
|
-
}
|