@redhat-cloud-services/frontend-components 4.0.1 → 4.0.3

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.
Files changed (44) hide show
  1. package/RBACProvider/RBACProvider.d.ts +2 -2
  2. package/RBACProvider/RBACProvider.js +5 -2
  3. package/RBACProvider/RBACProvider.js.map +1 -1
  4. package/esm/RBACProvider/RBACProvider.js +5 -2
  5. package/esm/RBACProvider/RBACProvider.js.map +1 -1
  6. package/package.json +1 -1
  7. package/Input/Input.d.ts +0 -14
  8. package/Input/Input.js +0 -40
  9. package/Input/Input.js.map +0 -1
  10. package/Input/Input.spec.ct.d.ts +0 -1
  11. package/Input/Input.spec.ct.js +0 -41
  12. package/Input/Input.spec.ct.js.map +0 -1
  13. package/Input/LabeledInput.d.ts +0 -4
  14. package/Input/LabeledInput.js +0 -37
  15. package/Input/LabeledInput.js.map +0 -1
  16. package/Input/index.d.ts +0 -5
  17. package/Input/index.js +0 -29
  18. package/Input/index.js.map +0 -1
  19. package/InsightsLabel.d.ts +0 -13
  20. package/NotAuthorized/NotAuthorized.css +0 -5
  21. package/NotAuthorized/NotAuthorized.scss +0 -7
  22. package/Pagination/Pagination.d.ts +0 -23
  23. package/Pagination/Pagination.js +0 -56
  24. package/Pagination/Pagination.js.map +0 -1
  25. package/Pagination/Pagination.spec.ct.d.ts +0 -1
  26. package/Pagination/Pagination.spec.ct.js +0 -53
  27. package/Pagination/Pagination.spec.ct.js.map +0 -1
  28. package/Pagination/PaginationMenu.d.ts +0 -20
  29. package/Pagination/PaginationMenu.js +0 -39
  30. package/Pagination/PaginationMenu.js.map +0 -1
  31. package/Pagination/PaginationNav.d.ts +0 -14
  32. package/Pagination/PaginationNav.js +0 -47
  33. package/Pagination/PaginationNav.js.map +0 -1
  34. package/Pagination/PaginationNext.d.ts +0 -25
  35. package/Pagination/PaginationNext.js +0 -36
  36. package/Pagination/PaginationNext.js.map +0 -1
  37. package/Pagination/index.d.ts +0 -7
  38. package/Pagination/index.js +0 -33
  39. package/Pagination/index.js.map +0 -1
  40. package/TableToolbar.d.ts +0 -13
  41. package/esm/InsightsLabel.js +0 -41
  42. package/esm/InsightsLabel.js.map +0 -1
  43. package/esm/NotAuthorized/NotAuthorized.css +0 -5
  44. package/esm/NotAuthorized/NotAuthorized.scss +0 -7
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  export interface RBACProviderProps {
3
- appName: string;
4
- checkResourceDefinitions: boolean;
3
+ appName?: string | null;
4
+ checkResourceDefinitions?: boolean;
5
5
  }
6
6
  export declare const RBACProvider: React.FunctionComponent<React.PropsWithChildren<RBACProviderProps>>;
@@ -66,7 +66,7 @@ var RBACProvider = function (_a) {
66
66
  var _a, isOrgAdmin, userPermissions;
67
67
  return __generator(this, function (_b) {
68
68
  switch (_b.label) {
69
- case 0: return [4, (0, RBAC_1.getRBAC)(appName, true)];
69
+ case 0: return [4, (0, RBAC_1.getRBAC)(appName === null ? '' : appName, true)];
70
70
  case 1:
71
71
  _a = _b.sent(), isOrgAdmin = _a.isOrgAdmin, userPermissions = _a.permissions;
72
72
  setPermissionState(function (currentPerms) { return (__assign(__assign({}, currentPerms), { isLoading: false, isOrgAdmin: isOrgAdmin, permissions: userPermissions })); });
@@ -75,9 +75,12 @@ var RBACProvider = function (_a) {
75
75
  });
76
76
  }); };
77
77
  (0, react_1.useEffect)(function () {
78
- if (appName) {
78
+ if (appName !== undefined) {
79
79
  fetchPermissions();
80
80
  }
81
+ else {
82
+ setPermissionState(function (currentPerms) { return (__assign(__assign({}, currentPerms), { isLoading: false })); });
83
+ }
81
84
  }, [appName]);
82
85
  return ((0, jsx_runtime_1.jsx)(RBAC_1.RBACContext.Provider, { value: __assign(__assign({}, permissionState), { hasAccess: hasAccessWithUserPermissions((permissionState === null || permissionState === void 0 ? void 0 : permissionState.permissions) || [], checkResourceDefinitions) }), children: !permissionState.isLoading ? (children) : ((0, jsx_runtime_1.jsx)(react_core_1.Bullseye, { children: (0, jsx_runtime_1.jsx)(react_core_1.Spinner, { size: "xl" }) })) }));
83
86
  };
@@ -1 +1 @@
1
- {"version":3,"file":"RBACProvider.js","sourceRoot":"","sources":["../src/RBACProvider/RBACProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAmD;AACnD,qDAA2D;AAG3D,kFAMmE;AAEnE,IAAM,4BAA4B,GAAG,UAAC,eAAoC,EAAE,wBAAiC;IAC3G,OAAO,UAAC,mBAAwC,EAAE,QAAkB,EAAE,gCAA0C;QAC9G,OAAO,QAAQ;YACb,CAAC,CAAC,IAAA,wBAAiB,EAAC,eAAe,EAAE,mBAAmB,EAAE,gCAAgC,aAAhC,gCAAgC,cAAhC,gCAAgC,GAAI,wBAAwB,CAAC;YACvH,CAAC,CAAC,IAAA,0BAAmB,EAAC,eAAe,EAAE,mBAAmB,EAAE,gCAAgC,aAAhC,gCAAgC,cAAhC,gCAAgC,GAAI,wBAAwB,CAAC,CAAC;IAC9H,CAAC,CAAC;AACJ,CAAC,CAAC;AAOK,IAAM,YAAY,GAAwE,UAAC,EAIjG;QAHC,OAAO,aAAA,EACP,gCAAgC,EAAhC,wBAAwB,mBAAG,KAAK,KAAA,EAChC,QAAQ,cAAA;IAEF,IAAA,KAAwC,IAAA,gBAAQ,EAAC,yBAAkB,CAAC,EAAnE,eAAe,QAAA,EAAE,kBAAkB,QAAgC,CAAC;IAE3E,IAAM,gBAAgB,GAAG;;;;wBAC8B,WAAM,IAAA,cAAO,EAAC,OAAO,EAAE,IAAI,CAAC,EAAA;;oBAA3E,KAA+C,SAA4B,EAAzE,UAAU,gBAAA,EAAe,eAAe,iBAAA;oBAEhD,kBAAkB,CAAC,UAAC,YAAY,IAAK,OAAA,uBAChC,YAAY,KACf,SAAS,EAAE,KAAK,EAChB,UAAU,YAAA,EACV,WAAW,EAAE,eAAe,IAC5B,EALmC,CAKnC,CAAC,CAAC;;;;SACL,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,EAAE;YACX,gBAAgB,EAAE,CAAC;SACpB;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,uBAAC,kBAAW,CAAC,QAAQ,IACnB,KAAK,wBACA,eAAe,KAClB,SAAS,EAAE,4BAA4B,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,WAAW,KAAI,EAAE,EAAE,wBAAwB,CAAC,eAGtG,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAC5B,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAQ,cACP,uBAAC,oBAAO,IAAC,IAAI,EAAC,IAAI,GAAG,GACZ,CACZ,GACoB,CACxB,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,YAAY,gBAwCvB"}
1
+ {"version":3,"file":"RBACProvider.js","sourceRoot":"","sources":["../src/RBACProvider/RBACProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAmD;AACnD,qDAA2D;AAG3D,kFAMmE;AAEnE,IAAM,4BAA4B,GAAG,UAAC,eAAoC,EAAE,wBAAiC;IAC3G,OAAO,UAAC,mBAAwC,EAAE,QAAkB,EAAE,gCAA0C;QAC9G,OAAO,QAAQ;YACb,CAAC,CAAC,IAAA,wBAAiB,EAAC,eAAe,EAAE,mBAAmB,EAAE,gCAAgC,aAAhC,gCAAgC,cAAhC,gCAAgC,GAAI,wBAAwB,CAAC;YACvH,CAAC,CAAC,IAAA,0BAAmB,EAAC,eAAe,EAAE,mBAAmB,EAAE,gCAAgC,aAAhC,gCAAgC,cAAhC,gCAAgC,GAAI,wBAAwB,CAAC,CAAC;IAC9H,CAAC,CAAC;AACJ,CAAC,CAAC;AAOK,IAAM,YAAY,GAAwE,UAAC,EAIjG;QAHC,OAAO,aAAA,EACP,gCAAgC,EAAhC,wBAAwB,mBAAG,KAAK,KAAA,EAChC,QAAQ,cAAA;IAEF,IAAA,KAAwC,IAAA,gBAAQ,EAAC,yBAAkB,CAAC,EAAnE,eAAe,QAAA,EAAE,kBAAkB,QAAgC,CAAC;IAE3E,IAAM,gBAAgB,GAAG;;;;wBAC8B,WAAM,IAAA,cAAO,EAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,EAAA;;oBAAnG,KAA+C,SAAoD,EAAjG,UAAU,gBAAA,EAAe,eAAe,iBAAA;oBAEhD,kBAAkB,CAAC,UAAC,YAAY,IAAK,OAAA,uBAChC,YAAY,KACf,SAAS,EAAE,KAAK,EAChB,UAAU,YAAA,EACV,WAAW,EAAE,eAAe,IAC5B,EALmC,CAKnC,CAAC,CAAC;;;;SACL,CAAC;IAEF,IAAA,iBAAS,EAAC;QAER,IAAI,OAAO,KAAK,SAAS,EAAE;YACzB,gBAAgB,EAAE,CAAC;SACpB;aAAM;YACL,kBAAkB,CAAC,UAAC,YAAY,IAAK,OAAA,uBAChC,YAAY,KACf,SAAS,EAAE,KAAK,IAChB,EAHmC,CAGnC,CAAC,CAAC;SACL;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,uBAAC,kBAAW,CAAC,QAAQ,IACnB,KAAK,wBACA,eAAe,KAClB,SAAS,EAAE,4BAA4B,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,WAAW,KAAI,EAAE,EAAE,wBAAwB,CAAC,eAGtG,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAC5B,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,uBAAC,qBAAQ,cACP,uBAAC,oBAAO,IAAC,IAAI,EAAC,IAAI,GAAG,GACZ,CACZ,GACoB,CACxB,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,YAAY,gBA8CvB"}
@@ -64,7 +64,7 @@ export var RBACProvider = function (_a) {
64
64
  var _a, isOrgAdmin, userPermissions;
65
65
  return __generator(this, function (_b) {
66
66
  switch (_b.label) {
67
- case 0: return [4, getRBAC(appName, true)];
67
+ case 0: return [4, getRBAC(appName === null ? '' : appName, true)];
68
68
  case 1:
69
69
  _a = _b.sent(), isOrgAdmin = _a.isOrgAdmin, userPermissions = _a.permissions;
70
70
  setPermissionState(function (currentPerms) { return (__assign(__assign({}, currentPerms), { isLoading: false, isOrgAdmin: isOrgAdmin, permissions: userPermissions })); });
@@ -73,9 +73,12 @@ export var RBACProvider = function (_a) {
73
73
  });
74
74
  }); };
75
75
  useEffect(function () {
76
- if (appName) {
76
+ if (appName !== undefined) {
77
77
  fetchPermissions();
78
78
  }
79
+ else {
80
+ setPermissionState(function (currentPerms) { return (__assign(__assign({}, currentPerms), { isLoading: false })); });
81
+ }
79
82
  }, [appName]);
80
83
  return (_jsx(RBACContext.Provider, { value: __assign(__assign({}, permissionState), { hasAccess: hasAccessWithUserPermissions((permissionState === null || permissionState === void 0 ? void 0 : permissionState.permissions) || [], checkResourceDefinitions) }), children: !permissionState.isLoading ? (children) : (_jsx(Bullseye, { children: _jsx(Spinner, { size: "xl" }) })) }));
81
84
  };
@@ -1 +1 @@
1
- {"version":3,"file":"RBACProvider.js","sourceRoot":"","sources":["../../src/RBACProvider/RBACProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;;;AAInD,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,OAAO,EACP,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,2DAA2D,CAAC;AAEnE,IAAM,4BAA4B,GAAG,UAAC,eAAoC,EAAE,wBAAiC;IAC3G,OAAO,UAAC,mBAAwC,EAAE,QAAkB,EAAE,gCAA0C;QAC9G,OAAO,QAAQ;YACb,CAAC,CAAC,iBAAiB,CAAC,eAAe,EAAE,mBAAmB,EAAE,gCAAgC,aAAhC,gCAAgC,cAAhC,gCAAgC,GAAI,wBAAwB,CAAC;YACvH,CAAC,CAAC,mBAAmB,CAAC,eAAe,EAAE,mBAAmB,EAAE,gCAAgC,aAAhC,gCAAgC,cAAhC,gCAAgC,GAAI,wBAAwB,CAAC,CAAC;IAC9H,CAAC,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,CAAC,IAAM,YAAY,GAAwE,UAAC,EAIjG;QAHC,OAAO,aAAA,EACP,gCAAgC,EAAhC,wBAAwB,mBAAG,KAAK,KAAA,EAChC,QAAQ,cAAA;IAEF,IAAA,KAAwC,QAAQ,CAAC,kBAAkB,CAAC,EAAnE,eAAe,QAAA,EAAE,kBAAkB,QAAgC,CAAC;IAE3E,IAAM,gBAAgB,GAAG;;;;wBAC8B,WAAM,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,EAAA;;oBAA3E,KAA+C,SAA4B,EAAzE,UAAU,gBAAA,EAAe,eAAe,iBAAA;oBAEhD,kBAAkB,CAAC,UAAC,YAAY,IAAK,OAAA,uBAChC,YAAY,KACf,SAAS,EAAE,KAAK,EAChB,UAAU,YAAA,EACV,WAAW,EAAE,eAAe,IAC5B,EALmC,CAKnC,CAAC,CAAC;;;;SACL,CAAC;IAEF,SAAS,CAAC;QACR,IAAI,OAAO,EAAE;YACX,gBAAgB,EAAE,CAAC;SACpB;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,wBACA,eAAe,KAClB,SAAS,EAAE,4BAA4B,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,WAAW,KAAI,EAAE,EAAE,wBAAwB,CAAC,eAGtG,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAC5B,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,cACP,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,GACZ,CACZ,GACoB,CACxB,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"RBACProvider.js","sourceRoot":"","sources":["../../src/RBACProvider/RBACProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;;;AAInD,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,OAAO,EACP,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,2DAA2D,CAAC;AAEnE,IAAM,4BAA4B,GAAG,UAAC,eAAoC,EAAE,wBAAiC;IAC3G,OAAO,UAAC,mBAAwC,EAAE,QAAkB,EAAE,gCAA0C;QAC9G,OAAO,QAAQ;YACb,CAAC,CAAC,iBAAiB,CAAC,eAAe,EAAE,mBAAmB,EAAE,gCAAgC,aAAhC,gCAAgC,cAAhC,gCAAgC,GAAI,wBAAwB,CAAC;YACvH,CAAC,CAAC,mBAAmB,CAAC,eAAe,EAAE,mBAAmB,EAAE,gCAAgC,aAAhC,gCAAgC,cAAhC,gCAAgC,GAAI,wBAAwB,CAAC,CAAC;IAC9H,CAAC,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,CAAC,IAAM,YAAY,GAAwE,UAAC,EAIjG;QAHC,OAAO,aAAA,EACP,gCAAgC,EAAhC,wBAAwB,mBAAG,KAAK,KAAA,EAChC,QAAQ,cAAA;IAEF,IAAA,KAAwC,QAAQ,CAAC,kBAAkB,CAAC,EAAnE,eAAe,QAAA,EAAE,kBAAkB,QAAgC,CAAC;IAE3E,IAAM,gBAAgB,GAAG;;;;wBAC8B,WAAM,OAAO,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,EAAA;;oBAAnG,KAA+C,SAAoD,EAAjG,UAAU,gBAAA,EAAe,eAAe,iBAAA;oBAEhD,kBAAkB,CAAC,UAAC,YAAY,IAAK,OAAA,uBAChC,YAAY,KACf,SAAS,EAAE,KAAK,EAChB,UAAU,YAAA,EACV,WAAW,EAAE,eAAe,IAC5B,EALmC,CAKnC,CAAC,CAAC;;;;SACL,CAAC;IAEF,SAAS,CAAC;QAER,IAAI,OAAO,KAAK,SAAS,EAAE;YACzB,gBAAgB,EAAE,CAAC;SACpB;aAAM;YACL,kBAAkB,CAAC,UAAC,YAAY,IAAK,OAAA,uBAChC,YAAY,KACf,SAAS,EAAE,KAAK,IAChB,EAHmC,CAGnC,CAAC,CAAC;SACL;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,wBACA,eAAe,KAClB,SAAS,EAAE,4BAA4B,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,WAAW,KAAI,EAAE,EAAE,wBAAwB,CAAC,eAGtG,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAC5B,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,cACP,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,GACZ,CACZ,GACoB,CACxB,CAAC;AACJ,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redhat-cloud-services/frontend-components",
3
- "version": "4.0.1",
3
+ "version": "4.0.3",
4
4
  "description": "Common components for RedHat Cloud Services project.",
5
5
  "main": "index.js",
6
6
  "module": "esm/index.js",
package/Input/Input.d.ts DELETED
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- export interface InputProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'capture'> {
3
- type?: string;
4
- className?: string;
5
- ariaLabel?: string;
6
- ouiaId?: string;
7
- ouiaSafe?: boolean;
8
- 'data-ouia-component-type'?: string;
9
- 'data-ouia-component-id'?: string;
10
- 'data-ouia-safe'?: boolean;
11
- 'widget-id'?: string;
12
- }
13
- declare const Input: React.FC<InputProps>;
14
- export default Input;
package/Input/Input.js DELETED
@@ -1,40 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- var __importDefault = (this && this.__importDefault) || function (mod) {
25
- return (mod && mod.__esModule) ? mod : { "default": mod };
26
- };
27
- Object.defineProperty(exports, "__esModule", { value: true });
28
- var jsx_runtime_1 = require("react/jsx-runtime");
29
- var classnames_1 = __importDefault(require("classnames"));
30
- var react_core_1 = require("@patternfly/react-core");
31
- var checkTypes = ['checkbox', 'radio'];
32
- var Input = function (_a) {
33
- var _b = _a.type, type = _b === void 0 ? 'text' : _b, _c = _a.ariaLabel, ariaLabel = _c === void 0 ? type : _c, className = _a.className, ouiaId = _a.ouiaId, _d = _a.ouiaSafe, ouiaSafe = _d === void 0 ? true : _d, props = __rest(_a, ["type", "ariaLabel", "className", "ouiaId", "ouiaSafe"]);
34
- var classes = checkTypes.indexOf(type) !== -1 ? 'pf-c-check' : 'pf-c-form-control';
35
- var ouiaComponentType = 'RHI/Input';
36
- var ouiaFinalId = (0, react_core_1.useOUIAId)(ouiaComponentType, ouiaId, ouiaSafe);
37
- return ((0, jsx_runtime_1.jsx)("input", __assign({}, props, { "data-ouia-component-type": ouiaComponentType, "data-ouia-component-id": ouiaFinalId, "data-ouia-safe": ouiaSafe, type: type, "aria-label": ariaLabel, className: (0, classnames_1.default)(classes, className) })));
38
- };
39
- exports.default = Input;
40
- //# sourceMappingURL=Input.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../src/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0DAAoC;AACpC,qDAAmD;AAcnD,IAAM,UAAU,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAEzC,IAAM,KAAK,GAAyB,UAAC,EAAiF;IAA/E,IAAA,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EAAE,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EAAK,KAAK,cAA/E,wDAAiF,CAAF;IAClH,IAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,CAAC;IACrF,IAAM,iBAAiB,GAAG,WAAW,CAAC;IACtC,IAAM,WAAW,GAAG,IAAA,sBAAS,EAAC,iBAAiB,EAAE,MAAM,EAAE,QAA6B,CAAC,CAAC;IACxF,OAAO,CACL,6CACM,KAAK,gCACiB,iBAAiB,4BACnB,WAAW,oBACnB,QAAQ,EACxB,IAAI,EAAE,IAAI,gBACE,SAAS,EACrB,SAAS,EAAE,IAAA,oBAAU,EAAC,OAAO,EAAE,SAAS,CAAC,IACzC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}
@@ -1 +0,0 @@
1
- export {};
@@ -1,41 +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
- var jsx_runtime_1 = require("react/jsx-runtime");
7
- var react_1 = __importDefault(require("react"));
8
- var react_2 = require("@cypress/react");
9
- var __1 = require("..");
10
- describe('Input component', function () {
11
- it('renders the checkbox input', function () {
12
- (0, react_2.mount)((0, jsx_runtime_1.jsx)(__1.Input, { "widget-id": "some-id", type: "checkbox" }));
13
- cy.get('.pf-c-check');
14
- });
15
- it('renders the radio input', function () {
16
- (0, react_2.mount)((0, jsx_runtime_1.jsx)(__1.Input, { "widget-id": "some-id", type: "radio" }));
17
- cy.get('.pf-c-check');
18
- });
19
- it('renders the text input', function () {
20
- (0, react_2.mount)((0, jsx_runtime_1.jsx)(__1.Input, { "widget-id": "some-id" }));
21
- cy.get('.pf-c-form-control');
22
- });
23
- it('checks the radio functionality', function () {
24
- (0, react_2.mount)((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(__1.Input, { "widget-id": "some-id", type: "radio", name: "testradio", value: "val1" }), (0, jsx_runtime_1.jsx)(__1.Input, { "widget-id": "some-id2", type: "radio", name: "testradio", value: "val2" })] }));
25
- cy.get('[widget-id="some-id"]').check().should('be.checked');
26
- cy.get('[widget-id="some-id2"]').should('not.be.checked');
27
- });
28
- it('checks the checkbox functionality', function () {
29
- (0, react_2.mount)((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(__1.Input, { "widget-id": "some-id", type: "checkbox", value: "val1" }), (0, jsx_runtime_1.jsx)(__1.Input, { "widget-id": "some-id2", type: "checkbox", value: "val2" })] }));
30
- cy.get('[widget-id="some-id"]').check();
31
- cy.get('[widget-id="some-id2"]').check();
32
- cy.get('[widget-id="some-id"]').should('be.checked');
33
- cy.get('[widget-id="some-id2"]').should('be.checked');
34
- cy.get('[widget-id="some-id2"]').uncheck().should('not.be.checked');
35
- });
36
- it('checks the text input functionality', function () {
37
- (0, react_2.mount)((0, jsx_runtime_1.jsx)(__1.Input, { "widget-id": "some-id" }));
38
- cy.get('[widget-id="some-id"]').type('TestValue').should('have.value', 'TestValue');
39
- });
40
- });
41
- //# sourceMappingURL=Input.spec.ct.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Input.spec.ct.js","sourceRoot":"","sources":["../src/Input/Input.spec.ct.js"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,wCAAuC;AAEvC,wBAA2B;AAE3B,QAAQ,CAAC,iBAAiB,EAAE;IAC1B,EAAE,CAAC,4BAA4B,EAAE;QAC/B,IAAA,aAAK,EAAC,uBAAC,SAAK,iBAAW,SAAS,EAAC,IAAI,EAAC,UAAU,GAAG,CAAC,CAAC;QACrD,EAAE,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE;QAC5B,IAAA,aAAK,EAAC,uBAAC,SAAK,iBAAW,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC;QAClD,EAAE,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE;QAC3B,IAAA,aAAK,EAAC,uBAAC,SAAK,iBAAW,SAAS,GAAG,CAAC,CAAC;QACrC,EAAE,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE;QACnC,IAAA,aAAK,EACH,4CACE,uBAAC,SAAK,iBAAW,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,GAAG,EACxE,uBAAC,SAAK,iBAAW,UAAU,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,GAAG,IACrE,CACP,CAAC;QACF,EAAE,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC7D,EAAE,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE;QACtC,IAAA,aAAK,EACH,4CACE,uBAAC,SAAK,iBAAW,SAAS,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM,GAAG,EAC1D,uBAAC,SAAK,iBAAW,UAAU,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM,GAAG,IACvD,CACP,CAAC;QACF,EAAE,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC,KAAK,EAAE,CAAC;QACxC,EAAE,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC,KAAK,EAAE,CAAC;QACzC,EAAE,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACrD,EAAE,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACtD,EAAE,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE;QACxC,IAAA,aAAK,EAAC,uBAAC,SAAK,iBAAW,SAAS,GAAG,CAAC,CAAC;QACrC,EAAE,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IACtF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { InputProps } from './Input';
3
- declare const LabeledInput: React.FC<InputProps>;
4
- export default LabeledInput;
@@ -1,37 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- var __importDefault = (this && this.__importDefault) || function (mod) {
25
- return (mod && mod.__esModule) ? mod : { "default": mod };
26
- };
27
- Object.defineProperty(exports, "__esModule", { value: true });
28
- var jsx_runtime_1 = require("react/jsx-runtime");
29
- var classnames_1 = __importDefault(require("classnames"));
30
- var Input_1 = __importDefault(require("./Input"));
31
- var LabeledInput = function (_a) {
32
- var _b = _a.type, type = _b === void 0 ? 'text' : _b, className = _a.className, children = _a.children, name = _a.name, props = __rest(_a, ["type", "className", "children", "name"]);
33
- name = name || new Date().getTime() + Math.random().toString(36);
34
- return ((0, jsx_runtime_1.jsxs)("label", __assign({ className: (0, classnames_1.default)('pf-c-form__label', className), htmlFor: name }, { children: [(0, jsx_runtime_1.jsx)(Input_1.default, __assign({}, props, { type: type, name: name, id: name })), " ", children] })));
35
- };
36
- exports.default = LabeledInput;
37
- //# sourceMappingURL=LabeledInput.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LabeledInput.js","sourceRoot":"","sources":["../src/Input/LabeledInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0DAAoC;AACpC,kDAA4C;AAE5C,IAAM,YAAY,GAAyB,UAAC,EAAsD;IAApD,IAAA,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAApD,yCAAsD,CAAF;IAE9F,IAAI,GAAG,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjE,OAAO,CACL,4CAAO,SAAS,EAAE,IAAA,oBAAU,EAAC,kBAAkB,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,IAAI,iBACxE,uBAAC,eAAK,eAAK,KAAK,IAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,IAAI,OAAE,QAAQ,KAC1D,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
package/Input/index.d.ts DELETED
@@ -1,5 +0,0 @@
1
- export { default } from './Input';
2
- export { default as Input } from './Input';
3
- export * from './Input';
4
- export { default as LabeledInput } from './LabeledInput';
5
- export * from './LabeledInput';
package/Input/index.js DELETED
@@ -1,29 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- var __importDefault = (this && this.__importDefault) || function (mod) {
17
- return (mod && mod.__esModule) ? mod : { "default": mod };
18
- };
19
- Object.defineProperty(exports, "__esModule", { value: true });
20
- exports.LabeledInput = exports.Input = exports.default = void 0;
21
- var Input_1 = require("./Input");
22
- Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Input_1).default; } });
23
- var Input_2 = require("./Input");
24
- Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return __importDefault(Input_2).default; } });
25
- __exportStar(require("./Input"), exports);
26
- var LabeledInput_1 = require("./LabeledInput");
27
- Object.defineProperty(exports, "LabeledInput", { enumerable: true, get: function () { return __importDefault(LabeledInput_1).default; } });
28
- __exportStar(require("./LabeledInput"), exports);
29
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/Input/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,iCAAkC;AAAzB,iHAAA,OAAO,OAAA;AAChB,iCAA2C;AAAlC,+GAAA,OAAO,OAAS;AACzB,0CAAwB;AACxB,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,iDAA+B"}
@@ -1,13 +0,0 @@
1
- import { LabelProps } from '@patternfly/react-core';
2
- import React from 'react';
3
- export interface InsightsLabelProps extends LabelProps {
4
- value?: number;
5
- text?: React.ReactNode;
6
- hideIcon?: boolean;
7
- className?: string;
8
- rest: {
9
- [key: string]: any;
10
- };
11
- }
12
- declare const InsightsLabel: React.FunctionComponent<InsightsLabelProps>;
13
- export default InsightsLabel;
@@ -1,5 +0,0 @@
1
- .ins-c-not-authorized .pf-v5-c-title {
2
- max-width: 540px;
3
- margin-left: auto;
4
- margin-right: auto;
5
- }
@@ -1,7 +0,0 @@
1
- .ins-c-not-authorized {
2
- .pf-v5-c-title {
3
- max-width: 540px;
4
- margin-left: auto;
5
- margin-right: auto;
6
- }
7
- }
@@ -1,23 +0,0 @@
1
- import React from 'react';
2
- import { PaginationNextProps } from './PaginationNext';
3
- import { DropdownDirection } from '@patternfly/react-core';
4
- export declare const dropDirection: {
5
- up: string;
6
- down: string;
7
- };
8
- export interface PaginationProps extends Omit<PaginationNextProps, 'perPageOptions'> {
9
- direction?: DropdownDirection;
10
- viewType?: string;
11
- itemsPerPage?: number;
12
- perPageOptions?: number[];
13
- numberOfItems: number;
14
- onSetPage?: (nextPage: number, debounce?: boolean) => void;
15
- onPerPageSelect: (value: number) => void;
16
- onFirstPage?: () => void;
17
- onLastPage?: () => void;
18
- onPreviousPage?: () => void;
19
- onNextPage?: () => void;
20
- page?: number;
21
- }
22
- declare const Pagination: React.FunctionComponent<PaginationProps>;
23
- export default Pagination;
@@ -1,56 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- var __importDefault = (this && this.__importDefault) || function (mod) {
25
- return (mod && mod.__esModule) ? mod : { "default": mod };
26
- };
27
- Object.defineProperty(exports, "__esModule", { value: true });
28
- exports.dropDirection = void 0;
29
- var jsx_runtime_1 = require("react/jsx-runtime");
30
- var PaginationNext_1 = __importDefault(require("./PaginationNext"));
31
- exports.dropDirection = {
32
- up: 'up',
33
- down: 'down',
34
- };
35
- var pager = [10, 15, 20, 25, 50];
36
- var Pagination = function (_a) {
37
- var _b = _a.page, page = _b === void 0 ? 1 : _b, onSetPage = _a.onSetPage, numberOfItems = _a.numberOfItems, itemsPerPage = _a.itemsPerPage, perPageOptions = _a.perPageOptions, onPerPageSelect = _a.onPerPageSelect, onFirstPage = _a.onFirstPage, onLastPage = _a.onLastPage, onPreviousPage = _a.onPreviousPage, onNextPage = _a.onNextPage, direction = _a.direction, props = __rest(_a, ["page", "onSetPage", "numberOfItems", "itemsPerPage", "perPageOptions", "onPerPageSelect", "onFirstPage", "onLastPage", "onPreviousPage", "onNextPage", "direction"]);
38
- var setPage = function (nextPage, debounce) {
39
- var perPage = itemsPerPage || pager[0];
40
- var maxPage = Math.ceil(numberOfItems / perPage);
41
- var result = isNaN(nextPage) ? page : nextPage;
42
- result = result > maxPage ? maxPage : result < 0 ? 0 : result;
43
- onSetPage && onSetPage(result, debounce);
44
- };
45
- var pagerOptions = perPageOptions || pager;
46
- var perPage = itemsPerPage || pagerOptions[0];
47
- var lastPage = Math.ceil(numberOfItems / perPage);
48
- var lastIndex = numberOfItems === 0 ? 0 : page === lastPage ? numberOfItems : page * perPage;
49
- var firstIndex = numberOfItems === 0 ? 0 : (page - 1) * perPage + 1;
50
- return ((0, jsx_runtime_1.jsx)(PaginationNext_1.default, __assign({}, props, { itemCount: numberOfItems, className: "ins-c-pagination-next", itemsStart: firstIndex, itemsEnd: lastIndex, lastPage: lastPage || 1, dropDirection: direction, onFirstPage: onFirstPage, onLastPage: onLastPage, onPreviousPage: onPreviousPage, onNextPage: onNextPage, perPage: perPage, onSetPerPage: function (_event, value) { return onPerPageSelect(value); }, page: page, setPage: function (event, page) { return setPage(page, event.currentTarget.tagName === 'INPUT'); }, perPageOptions: pagerOptions.map(function (value) { return ({
51
- title: value,
52
- value: value,
53
- }); }) })));
54
- };
55
- exports.default = Pagination;
56
- //# sourceMappingURL=Pagination.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../src/Pagination/Pagination.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,oEAAuE;AAK1D,QAAA,aAAa,GAAG;IAC3B,EAAE,EAAE,IAAI;IACR,IAAI,EAAE,MAAM;CACb,CAAC;AAEF,IAAM,KAAK,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAiBnC,IAAM,UAAU,GAA6C,UAAC,EAa7D;IAZC,IAAA,YAAQ,EAAR,IAAI,mBAAG,CAAC,KAAA,EACR,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,SAAS,eAAA,EACN,KAAK,cAZoD,qKAa7D,CADS;IAER,IAAM,OAAO,GAAG,UAAC,QAAgB,EAAE,QAAiB;QAClD,IAAM,OAAO,GAAG,YAAY,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;QACzC,IAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,CAAC;QACnD,IAAI,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC/C,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QAC9D,SAAS,IAAI,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAC3C,CAAC,CAAC;IACF,IAAM,YAAY,GAAG,cAAc,IAAI,KAAK,CAAC;IAC7C,IAAM,OAAO,GAAW,YAAY,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC;IACxD,IAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,CAAC;IACpD,IAAM,SAAS,GAAG,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,GAAG,OAAO,CAAC;IAC/F,IAAM,UAAU,GAAG,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC;IAEtE,OAAO,CACL,uBAAC,wBAAc,eACT,KAAK,IACT,SAAS,EAAE,aAAa,EACxB,SAAS,EAAC,uBAAuB,EACjC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,QAAQ,IAAI,CAAC,EACvB,aAAa,EAAE,SAAS,EACxB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,eAAe,CAAC,KAAK,CAAC,EAAtB,CAAsB,EACvD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,UAAC,KAAK,EAAE,IAAI,IAAK,OAAA,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,KAAK,OAAO,CAAC,EAAtD,CAAsD,EAChF,cAAc,EAAE,YAAY,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;YAC3C,KAAK,EAAE,KAAK;YACZ,KAAK,OAAA;SACN,CAAC,EAH0C,CAG1C,CAAC,IACH,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
@@ -1 +0,0 @@
1
- export {};
@@ -1,53 +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
- var jsx_runtime_1 = require("react/jsx-runtime");
7
- var react_1 = __importDefault(require("react"));
8
- var react_2 = require("@cypress/react");
9
- var __1 = require("..");
10
- describe('Pagination component', function () {
11
- it('renders with default values', function () {
12
- (0, react_2.mount)((0, jsx_runtime_1.jsx)(__1.Pagination, {}));
13
- cy.get('.pf-c-pagination').within(function () {
14
- cy.get('.pf-c-options-menu__toggle').should('contain', '10');
15
- cy.get('.pf-c-pagination__nav-page-select > span').should('contain', '1');
16
- });
17
- });
18
- it('renders with data', function () {
19
- (0, react_2.mount)((0, jsx_runtime_1.jsx)(__1.Pagination, { numberOfItems: 100, perPageOptions: [5, 10, 15, 25] }));
20
- cy.get('.pf-c-pagination').within(function () {
21
- cy.get('.pf-c-options-menu__toggle').should('contain', '5');
22
- cy.get('.pf-c-pagination__nav-page-select > span').should('contain', '20');
23
- cy.get('.pf-c-options-menu__toggle').click();
24
- cy.get('.pf-c-dropdown__menu').find('>li>button').should('have.length', 4);
25
- });
26
- });
27
- it('no items', function () {
28
- (0, react_2.mount)((0, jsx_runtime_1.jsx)(__1.Pagination, { numberOfItems: 0 }));
29
- cy.get('.pf-c-options-menu__toggle').should('contain', '0 - 0');
30
- cy.get('[data-action="next-page"]').should('be.disabled');
31
- cy.get('[data-action="previous-page"]').should('be.disabled');
32
- });
33
- it('onPerPageSelect should be called', function () {
34
- var selectSpy = cy.spy().as('perPageSpy');
35
- (0, react_2.mount)((0, jsx_runtime_1.jsx)(__1.Pagination, { numberOfItems: 5, perPageOptions: [5, 10, 15, 25], onPerPageSelect: selectSpy }));
36
- cy.get('.pf-c-options-menu__toggle').click();
37
- cy.get('.pf-c-dropdown__menu').find('>li>button').eq(1).click({ force: true });
38
- cy.get('.pf-c-options-menu__toggle').click();
39
- cy.get('.pf-c-dropdown__menu').find('>li>button').eq(2).click({ force: true });
40
- cy.get('@perPageSpy').should('have.callCount', 2);
41
- });
42
- it('onSetPage should be called', function () {
43
- var setSpy = cy.spy().as('setPageSpy');
44
- (0, react_2.mount)((0, jsx_runtime_1.jsx)(__1.Pagination, { numberOfItems: 100, itemsPerPage: 4, page: 10, onSetPage: setSpy }));
45
- cy.get('.pf-c-form-control').type('1');
46
- cy.get('[data-action="next-page"]').click();
47
- cy.get('[data-action="last-page"]').click();
48
- cy.get('[data-action="previous-page"]').click();
49
- cy.get('[data-action="first-page"]').click();
50
- cy.get('@setPageSpy').should('have.callCount', 5);
51
- });
52
- });
53
- //# sourceMappingURL=Pagination.spec.ct.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Pagination.spec.ct.js","sourceRoot":"","sources":["../src/Pagination/Pagination.spec.ct.js"],"names":[],"mappings":"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"}
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- import { DropdownDirection } from '@patternfly/react-core';
3
- export type PageOption = {
4
- title: React.ReactNode;
5
- value: number;
6
- };
7
- export interface PaginationMenuProps {
8
- itemsTitle?: string;
9
- itemsStart?: number;
10
- itemsEnd?: number;
11
- dropDirection?: DropdownDirection;
12
- widtgetId?: string;
13
- onSetPerPage: (event: MouseEvent | React.MouseEvent<any, MouseEvent> | React.KeyboardEvent<Element>, value: number) => void;
14
- itemCount: number;
15
- perPage?: number;
16
- perPageOptions?: PageOption[];
17
- className?: string;
18
- }
19
- declare const PaginationMenu: React.FunctionComponent<PaginationMenuProps>;
20
- export default PaginationMenu;
@@ -1,39 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- Object.defineProperty(exports, "__esModule", { value: true });
25
- var jsx_runtime_1 = require("react/jsx-runtime");
26
- var react_1 = require("react");
27
- var react_icons_1 = require("@patternfly/react-icons");
28
- var react_core_1 = require("@patternfly/react-core");
29
- var PaginationMenu = function (_a) {
30
- var _b = _a.itemsTitle, itemsTitle = _b === void 0 ? 'items' : _b, itemsStart = _a.itemsStart, itemsEnd = _a.itemsEnd, widtgetId = _a.widtgetId, _c = _a.dropDirection, dropDirection = _c === void 0 ? react_core_1.DropdownDirection.up : _c, onSetPerPage = _a.onSetPerPage, itemCount = _a.itemCount, _d = _a.perPageOptions, perPageOptions = _d === void 0 ? [] : _d, _e = _a.className, className = _e === void 0 ? '' : _e, perPage = _a.perPage, props = __rest(_a, ["itemsTitle", "itemsStart", "itemsEnd", "widtgetId", "dropDirection", "onSetPerPage", "itemCount", "perPageOptions", "className", "perPage"]);
31
- var _f = (0, react_1.useState)(false), isOpen = _f[0], setIsOpen = _f[1];
32
- var onSelect = function () { return setIsOpen(function (prev) { return !prev; }); };
33
- return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "pf-c-options-menu ".concat(className) }, props, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ id: "".concat(widtgetId, "-label"), hidden: true }, { children: "Items per page:" })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "pf-c-options-menu__toggle pf-m-text pf-m-plain" }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Dropdown, { direction: dropDirection, isPlain: true, isOpen: isOpen, onSelect: onSelect, dropdownItems: perPageOptions.map(function (_a) {
34
- var title = _a.title, value = _a.value;
35
- return ((0, jsx_runtime_1.jsxs)(react_core_1.DropdownItem, __assign({ onClick: function (event) { return value !== perPage && onSetPerPage(event, value); }, component: "button" }, { children: [title, value === perPage && (0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, { className: "pf-c-options-menu__menu-item-icon", size: "md" })] }), value));
36
- }), toggle: (0, jsx_runtime_1.jsxs)(react_core_1.DropdownToggle, __assign({ onToggle: function (isOpen) { return setIsOpen(isOpen); }, toggleIndicator: null, className: "pf-c-options-menu__toggle-button" }, { children: [(0, jsx_runtime_1.jsxs)("span", __assign({ className: "pf-c-options-menu__toggle-text" }, { children: [(0, jsx_runtime_1.jsxs)("b", { children: [itemsStart, " - ", itemsEnd] }), ' ', "of ", (0, jsx_runtime_1.jsx)("b", { children: itemCount }), " ", itemsTitle] })), dropDirection === 'up' ? (0, jsx_runtime_1.jsx)(react_icons_1.CaretUpIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.CaretDownIcon, {})] })) }) }))] })));
37
- };
38
- exports.default = PaginationMenu;
39
- //# sourceMappingURL=PaginationMenu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PaginationMenu.js","sourceRoot":"","sources":["../src/Pagination/PaginationMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAwC;AACxC,uDAAgF;AAChF,qDAAmG;AAoBnG,IAAM,cAAc,GAAiD,UAAC,EAYrE;IAXC,IAAA,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,qBAAoC,EAApC,aAAa,mBAAG,8BAAiB,CAAC,EAAE,KAAA,EACpC,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,OAAO,aAAA,EACJ,KAAK,cAX4D,6IAYrE,CADS;IAEF,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;IAE5C,IAAM,QAAQ,GAAG,cAAM,OAAA,SAAS,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,EAA1B,CAA0B,CAAC;IAClD,OAAO,CACL,0CAAK,SAAS,EAAE,4BAAqB,SAAS,CAAE,IAAM,KAAK,eACzD,0CAAM,EAAE,EAAE,UAAG,SAAS,WAAQ,EAAE,MAAM,2CAE/B,EACP,yCAAK,SAAS,EAAC,gDAAgD,gBAC7D,uBAAC,qBAAQ,IACP,SAAS,EAAE,aAAa,EACxB,OAAO,QACP,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,cAAc,CAAC,GAAG,CAAC,UAAC,EAAgB;4BAAd,KAAK,WAAA,EAAE,KAAK,WAAA;wBAAO,OAAA,CACtD,wBAAC,yBAAY,aAAC,OAAO,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,KAAK,OAAO,IAAI,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,EAA/C,CAA+C,EAAc,SAAS,EAAC,QAAQ,iBAC9G,KAAK,EACL,KAAK,KAAK,OAAO,IAAI,uBAAC,uBAAS,IAAC,SAAS,EAAC,mCAAmC,EAAC,IAAI,EAAC,IAAI,GAAG,MAFL,KAAK,CAG9E,CAChB;oBALuD,CAKvD,CAAC,EACF,MAAM,EACJ,wBAAC,2BAAc,aAAC,QAAQ,EAAE,UAAC,MAAM,IAAK,OAAA,SAAS,CAAC,MAAM,CAAC,EAAjB,CAAiB,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,EAAC,kCAAkC,iBAC1H,2CAAM,SAAS,EAAC,gCAAgC,iBAC9C,0CACG,UAAU,SAAK,QAAQ,IACtB,EAAC,GAAG,SACL,wCAAI,SAAS,GAAK,OAAE,UAAU,KAC5B,EACN,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,uBAAC,yBAAW,KAAG,CAAC,CAAC,CAAC,uBAAC,2BAAa,KAAG,KAC9C,GAEnB,IACE,KACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- export interface PaginationNavProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
- lastPage?: number;
4
- page?: number;
5
- pageTitle?: string;
6
- setPage: (event: React.MouseEvent<HTMLButtonElement> | React.FormEvent<HTMLInputElement>, pageNumber: number) => void;
7
- amountOfPages?: number;
8
- onFirstPage?: (event: React.MouseEvent<HTMLButtonElement>) => void;
9
- onLastPage?: (event: React.MouseEvent<HTMLButtonElement>) => void;
10
- onPreviousPage?: (event: React.MouseEvent<HTMLButtonElement>, prevPage: number) => void;
11
- onNextPage?: (event: React.MouseEvent<HTMLButtonElement>, nextPage: number) => void;
12
- }
13
- declare const PaginationNav: React.FunctionComponent<PaginationNavProps>;
14
- export default PaginationNav;
@@ -1,47 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- Object.defineProperty(exports, "__esModule", { value: true });
25
- var jsx_runtime_1 = require("react/jsx-runtime");
26
- var react_core_1 = require("@patternfly/react-core");
27
- var react_icons_1 = require("@patternfly/react-icons");
28
- var PaginationNav = function (_a) {
29
- var _b = _a.lastPage, lastPage = _b === void 0 ? 0 : _b, setPage = _a.setPage, _c = _a.pageTitle, pageTitle = _c === void 0 ? 'pages' : _c, amountOfPages = _a.amountOfPages, _d = _a.page, page = _d === void 0 ? 0 : _d, _e = _a.onFirstPage, onFirstPage = _e === void 0 ? function () { return undefined; } : _e, _f = _a.onLastPage, onLastPage = _f === void 0 ? function () { return undefined; } : _f, _g = _a.onPreviousPage, onPreviousPage = _g === void 0 ? function () { return undefined; } : _g, _h = _a.onNextPage, onNextPage = _h === void 0 ? function () { return undefined; } : _h, props = __rest(_a, ["lastPage", "setPage", "pageTitle", "amountOfPages", "page", "onFirstPage", "onLastPage", "onPreviousPage", "onNextPage"]);
30
- return ((0, jsx_runtime_1.jsxs)("nav", __assign({ className: "pf-c-pagination__nav", "aria-label": "Pagination" }, props, { children: [(0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: react_core_1.ButtonVariant.plain, isDisabled: page === 1, "aria-label": "Go to first page", "data-action": "first-page", onClick: function (event) {
31
- onFirstPage(event);
32
- setPage(event, 1);
33
- } }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.AngleDoubleLeftIcon, {}) })), (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: react_core_1.ButtonVariant.plain, isDisabled: page === 1, "aria-label": "Go to previous page", "data-action": "previous-page", onClick: function (event) {
34
- onPreviousPage(event, page - 1);
35
- setPage(event, page - 1);
36
- } }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.AngleLeftIcon, {}) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "pf-c-pagination__nav-page-select", "aria-label": "Current page ".concat(page, " of ").concat(lastPage) }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.TextInput, { className: "pf-c-form-control", "aria-label": "Current page", type: "number", min: "1", "data-action": "set-page", max: amountOfPages, style: { width: "".concat(lastPage.toString().length, "rem"), minWidth: '3rem' }, isReadOnly: amountOfPages === 1, value: page, onChange: function (value, event) {
37
- setPage(event, value === '' ? NaN : Number(value));
38
- } }), (0, jsx_runtime_1.jsxs)("span", __assign({ "aria-hidden": "true" }, { children: ["of ", lastPage, " ", pageTitle] }))] })), (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: react_core_1.ButtonVariant.plain, isDisabled: page === lastPage, "aria-label": "Go to next page", "data-action": "next-page", onClick: function (event) {
39
- onNextPage(event, page + 1);
40
- setPage(event, page + 1);
41
- } }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.AngleRightIcon, {}) })), (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: react_core_1.ButtonVariant.plain, isDisabled: page === lastPage, "aria-label": "Go to last page", "data-action": "last-page", onClick: function (event) {
42
- onLastPage(event);
43
- setPage(event, lastPage);
44
- } }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.AngleDoubleRightIcon, {}) }))] })));
45
- };
46
- exports.default = PaginationNav;
47
- //# sourceMappingURL=PaginationNav.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PaginationNav.js","sourceRoot":"","sources":["../src/Pagination/PaginationNav.tsx"],"names":[],"mappings":"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"}
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import { PaginationNavProps } from './PaginationNav';
3
- import { PageOption, PaginationMenuProps } from './PaginationMenu';
4
- import { DropdownDirection } from '@patternfly/react-core';
5
- export interface PaginationNextProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
6
- amountOfPages?: number;
7
- itemCount: number;
8
- page?: number;
9
- itemsStart?: number;
10
- itemsEnd?: number;
11
- widtgetId?: string;
12
- dropDirection?: DropdownDirection;
13
- onSetPerPage: PaginationMenuProps['onSetPerPage'];
14
- perPage?: number;
15
- perPageOptions?: PageOption[];
16
- lastPage?: number;
17
- setPage: PaginationNavProps['setPage'];
18
- onFirstPage?: PaginationNavProps['onFirstPage'];
19
- onLastPage?: PaginationNavProps['onLastPage'];
20
- onPreviousPage?: PaginationNavProps['onPreviousPage'];
21
- onNextPage?: PaginationNavProps['onNextPage'];
22
- className?: string;
23
- }
24
- declare const PaginationNext: React.FunctionComponent<PaginationNextProps>;
25
- export default PaginationNext;
@@ -1,36 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- var __importDefault = (this && this.__importDefault) || function (mod) {
25
- return (mod && mod.__esModule) ? mod : { "default": mod };
26
- };
27
- Object.defineProperty(exports, "__esModule", { value: true });
28
- var jsx_runtime_1 = require("react/jsx-runtime");
29
- var PaginationNav_1 = __importDefault(require("./PaginationNav"));
30
- var PaginationMenu_1 = __importDefault(require("./PaginationMenu"));
31
- var PaginationNext = function (_a) {
32
- var className = _a.className, page = _a.page, lastPage = _a.lastPage, setPage = _a.setPage, itemsStart = _a.itemsStart, itemsEnd = _a.itemsEnd, widtgetId = _a.widtgetId, onSetPerPage = _a.onSetPerPage, itemCount = _a.itemCount, perPageOptions = _a.perPageOptions, dropDirection = _a.dropDirection, amountOfPages = _a.amountOfPages, onFirstPage = _a.onFirstPage, onLastPage = _a.onLastPage, onPreviousPage = _a.onPreviousPage, onNextPage = _a.onNextPage, perPage = _a.perPage, props = __rest(_a, ["className", "page", "lastPage", "setPage", "itemsStart", "itemsEnd", "widtgetId", "onSetPerPage", "itemCount", "perPageOptions", "dropDirection", "amountOfPages", "onFirstPage", "onLastPage", "onPreviousPage", "onNextPage", "perPage"]);
33
- return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "pf-c-pagination pf-m-footer ".concat(className), "aria-label": "Element pagination" }, props, { children: [(0, jsx_runtime_1.jsx)(PaginationMenu_1.default, { itemsStart: itemsStart, itemsEnd: itemsEnd, widtgetId: widtgetId, dropDirection: dropDirection, onSetPerPage: onSetPerPage, itemCount: itemCount, perPage: perPage, perPageOptions: perPageOptions }), (0, jsx_runtime_1.jsx)(PaginationNav_1.default, { lastPage: lastPage, page: page, setPage: setPage, onFirstPage: onFirstPage, onLastPage: onLastPage, onPreviousPage: onPreviousPage, onNextPage: onNextPage })] })));
34
- };
35
- exports.default = PaginationNext;
36
- //# sourceMappingURL=PaginationNext.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PaginationNext.js","sourceRoot":"","sources":["../src/Pagination/PaginationNext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kEAAoE;AACpE,oEAAmF;AAuBnF,IAAM,cAAc,GAAiD,UAAC,EAmBrE;IAlBC,IAAA,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,OAAO,aAAA,EACJ,KAAK,cAlB4D,4OAmBrE,CADS;IAER,OAAO,CACL,0CAAK,SAAS,EAAE,sCAA+B,SAAS,CAAE,gBAAa,oBAAoB,IAAK,KAAK,eACnG,uBAAC,wBAAc,IACb,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,GAC9B,EACF,uBAAC,uBAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,GACtB,KACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
@@ -1,7 +0,0 @@
1
- export { default } from './Pagination';
2
- export { default as Pagination } from './Pagination';
3
- export * from './Pagination';
4
- export { default as PaginationMenu } from './PaginationMenu';
5
- export { default as PaginationNav } from './PaginationNav';
6
- export { default as PaginationNext } from './PaginationNext';
7
- import './pagination.scss';
@@ -1,33 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- var __importDefault = (this && this.__importDefault) || function (mod) {
17
- return (mod && mod.__esModule) ? mod : { "default": mod };
18
- };
19
- Object.defineProperty(exports, "__esModule", { value: true });
20
- exports.PaginationNext = exports.PaginationNav = exports.PaginationMenu = exports.Pagination = exports.default = void 0;
21
- var Pagination_1 = require("./Pagination");
22
- Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Pagination_1).default; } });
23
- var Pagination_2 = require("./Pagination");
24
- Object.defineProperty(exports, "Pagination", { enumerable: true, get: function () { return __importDefault(Pagination_2).default; } });
25
- __exportStar(require("./Pagination"), exports);
26
- var PaginationMenu_1 = require("./PaginationMenu");
27
- Object.defineProperty(exports, "PaginationMenu", { enumerable: true, get: function () { return __importDefault(PaginationMenu_1).default; } });
28
- var PaginationNav_1 = require("./PaginationNav");
29
- Object.defineProperty(exports, "PaginationNav", { enumerable: true, get: function () { return __importDefault(PaginationNav_1).default; } });
30
- var PaginationNext_1 = require("./PaginationNext");
31
- Object.defineProperty(exports, "PaginationNext", { enumerable: true, get: function () { return __importDefault(PaginationNext_1).default; } });
32
- require("./pagination.css");
33
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/Pagination/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA;AAChB,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,+CAA6B;AAC7B,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,6BAA2B"}
package/TableToolbar.d.ts DELETED
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import { ToolbarProps } from '@patternfly/react-core';
3
- import './TableToolbar.scss';
4
- export interface TableToolbarProps extends Omit<Omit<ToolbarProps, 'selected'>, 'ref'> {
5
- isFooter?: boolean;
6
- results?: number;
7
- className?: string;
8
- selected?: number;
9
- ouiaId?: string;
10
- ouiaSafe?: boolean;
11
- }
12
- declare const TableToolbar: React.FunctionComponent<TableToolbarProps>;
13
- export default TableToolbar;
@@ -1,41 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import AngleDoubleDownIcon from "@patternfly/react-icons/dist/dynamic/icons/angle-double-down-icon";
25
- import AngleDoubleUpIcon from "@patternfly/react-icons/dist/dynamic/icons/angle-double-up-icon";
26
- import CriticalRiskIcon from "@patternfly/react-icons/dist/dynamic/icons/critical-risk-icon";
27
- import EqualsIcon from "@patternfly/react-icons/dist/dynamic/icons/equals-icon";
28
- import { Label, LabelProps } from "@patternfly/react-core/dist/dynamic/components/Label";
29
- import { Button } from "@patternfly/react-core/dist/dynamic/components/Button";
30
- var VALUE_TO_STATE = {
31
- 1: { icon: _jsx(AngleDoubleDownIcon, {}), text: 'Low', color: 'blue' },
32
- 2: { icon: _jsx(EqualsIcon, {}), text: 'Moderate', color: 'gold' },
33
- 3: { icon: _jsx(AngleDoubleUpIcon, {}), text: 'Important', color: 'orange' },
34
- 4: { icon: _jsx(CriticalRiskIcon, {}), text: 'Critical', color: 'red' },
35
- };
36
- var InsightsLabel = function (_a) {
37
- var _b = _a.value, value = _b === void 0 ? 1 : _b, text = _a.text, hideIcon = _a.hideIcon, rest = _a.rest, props = __rest(_a, ["value", "text", "hideIcon", "rest"]);
38
- return (_jsx(Label, __assign({}, rest, props, { color: VALUE_TO_STATE[value].color, icon: !hideIcon && VALUE_TO_STATE[value].icon, children: text || VALUE_TO_STATE[value].text })));
39
- };
40
- export default InsightsLabel;
41
- //# sourceMappingURL=InsightsLabel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"InsightsLabel.js","sourceRoot":"","sources":["../src/InsightsLabel/InsightsLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAM,cAAc,GAA8B;IAChD,CAAC,EAAE,EAAE,IAAI,EAAE,KAAC,mBAAmB,KAAG,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE;IAChE,CAAC,EAAE,EAAE,IAAI,EAAE,KAAC,UAAU,KAAG,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE;IAC5D,CAAC,EAAE,EAAE,IAAI,EAAE,KAAC,iBAAiB,KAAG,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACtE,CAAC,EAAE,EAAE,IAAI,EAAE,KAAC,gBAAgB,KAAG,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE;CAClE,CAAC;AAaF,IAAM,aAAa,GAAgD,UAAC,EAA6C;IAA3C,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAA3C,qCAA6C,CAAF;IAC7G,OAAO,CACL,KAAC,KAAK,eAAK,IAAI,EAAM,KAAK,IAAE,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,QAAQ,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC,IAAI,YAC1G,IAAI,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC,IAAI,IAC7B,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -1,5 +0,0 @@
1
- .ins-c-not-authorized .pf-v5-c-title {
2
- max-width: 540px;
3
- margin-left: auto;
4
- margin-right: auto;
5
- }
@@ -1,7 +0,0 @@
1
- .ins-c-not-authorized {
2
- .pf-v5-c-title {
3
- max-width: 540px;
4
- margin-left: auto;
5
- margin-right: auto;
6
- }
7
- }