@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.
@@ -1,5 +1,4 @@
1
1
  export * from './TableComponent';
2
2
  export * from './PFTable';
3
- export * from './TableColumnSelector';
4
3
  export * from './TablePagination';
5
4
  //# sourceMappingURL=index.d.ts.map
@@ -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,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,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"}
@@ -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,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import './errorMessage.scss';
3
2
  export interface IAppErrorObj {
4
3
  title: string;
@@ -1 +1 @@
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"}
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"}
@@ -1,5 +1,4 @@
1
1
  export * from './TableComponent';
2
2
  export * from './PFTable';
3
- export * from './TableColumnSelector';
4
3
  export * from './TablePagination';
5
4
  //# sourceMappingURL=index.d.ts.map
@@ -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,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,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"}
@@ -1,4 +1,3 @@
1
1
  export * from './TableComponent';
2
2
  export * from './PFTable';
3
- export * from './TableColumnSelector';
4
3
  export * from './TablePagination';
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import './errorMessage.scss';
3
2
  export interface IAppErrorObj {
4
3
  title: string;
@@ -1 +1 @@
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"}
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.48",
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.6",
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.6",
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.35",
83
- "@rh-support/utils": "2.1.25",
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": "e26b6df63ea1cab3872f1679464f4caf5e5a1056"
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
- }