@patternfly/react-core 4.230.0 → 4.231.1

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 (73) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/esm/components/ContextSelector/ContextSelector.d.ts +4 -2
  3. package/dist/esm/components/ContextSelector/ContextSelector.d.ts.map +1 -1
  4. package/dist/esm/components/ContextSelector/ContextSelector.js.map +1 -1
  5. package/dist/esm/components/ContextSelector/ContextSelectorToggle.d.ts +4 -2
  6. package/dist/esm/components/ContextSelector/ContextSelectorToggle.d.ts.map +1 -1
  7. package/dist/esm/components/ContextSelector/ContextSelectorToggle.js.map +1 -1
  8. package/dist/esm/components/Menu/Menu.d.ts.map +1 -1
  9. package/dist/esm/components/Menu/Menu.js +3 -2
  10. package/dist/esm/components/Menu/Menu.js.map +1 -1
  11. package/dist/esm/components/MenuToggle/MenuToggle.d.ts +8 -0
  12. package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  13. package/dist/esm/components/MenuToggle/MenuToggle.js +12 -7
  14. package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
  15. package/dist/esm/components/MenuToggle/MenuToggleAction.d.ts +19 -0
  16. package/dist/esm/components/MenuToggle/MenuToggleAction.d.ts.map +1 -0
  17. package/dist/esm/components/MenuToggle/MenuToggleAction.js +17 -0
  18. package/dist/esm/components/MenuToggle/MenuToggleAction.js.map +1 -0
  19. package/dist/esm/components/MenuToggle/MenuToggleCheckbox.d.ts +36 -0
  20. package/dist/esm/components/MenuToggle/MenuToggleCheckbox.d.ts.map +1 -0
  21. package/dist/esm/components/MenuToggle/MenuToggleCheckbox.js +43 -0
  22. package/dist/esm/components/MenuToggle/MenuToggleCheckbox.js.map +1 -0
  23. package/dist/esm/components/MenuToggle/index.d.ts +2 -0
  24. package/dist/esm/components/MenuToggle/index.d.ts.map +1 -1
  25. package/dist/esm/components/MenuToggle/index.js +2 -0
  26. package/dist/esm/components/MenuToggle/index.js.map +1 -1
  27. package/dist/js/components/ContextSelector/ContextSelector.d.ts +4 -2
  28. package/dist/js/components/ContextSelector/ContextSelector.d.ts.map +1 -1
  29. package/dist/js/components/ContextSelector/ContextSelector.js.map +1 -1
  30. package/dist/js/components/ContextSelector/ContextSelectorToggle.d.ts +4 -2
  31. package/dist/js/components/ContextSelector/ContextSelectorToggle.d.ts.map +1 -1
  32. package/dist/js/components/ContextSelector/ContextSelectorToggle.js.map +1 -1
  33. package/dist/js/components/Menu/Menu.d.ts.map +1 -1
  34. package/dist/js/components/Menu/Menu.js +3 -2
  35. package/dist/js/components/Menu/Menu.js.map +1 -1
  36. package/dist/js/components/MenuToggle/MenuToggle.d.ts +8 -0
  37. package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  38. package/dist/js/components/MenuToggle/MenuToggle.js +12 -7
  39. package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
  40. package/dist/js/components/MenuToggle/MenuToggleAction.d.ts +19 -0
  41. package/dist/js/components/MenuToggle/MenuToggleAction.d.ts.map +1 -0
  42. package/dist/js/components/MenuToggle/MenuToggleAction.js +21 -0
  43. package/dist/js/components/MenuToggle/MenuToggleAction.js.map +1 -0
  44. package/dist/js/components/MenuToggle/MenuToggleCheckbox.d.ts +36 -0
  45. package/dist/js/components/MenuToggle/MenuToggleCheckbox.d.ts.map +1 -0
  46. package/dist/js/components/MenuToggle/MenuToggleCheckbox.js +47 -0
  47. package/dist/js/components/MenuToggle/MenuToggleCheckbox.js.map +1 -0
  48. package/dist/js/components/MenuToggle/index.d.ts +2 -0
  49. package/dist/js/components/MenuToggle/index.d.ts.map +1 -1
  50. package/dist/js/components/MenuToggle/index.js +2 -0
  51. package/dist/js/components/MenuToggle/index.js.map +1 -1
  52. package/dist/umd/react-core.css +60 -10
  53. package/dist/umd/react-core.js +68 -9
  54. package/dist/umd/react-core.min.css +1729 -1679
  55. package/dist/umd/react-core.min.js +4 -4
  56. package/package.json +6 -6
  57. package/src/components/ContextSelector/ContextSelector.tsx +4 -2
  58. package/src/components/ContextSelector/ContextSelectorToggle.tsx +4 -2
  59. package/src/components/Menu/Menu.tsx +4 -1
  60. package/src/components/MenuToggle/MenuToggle.tsx +53 -27
  61. package/src/components/MenuToggle/MenuToggleAction.tsx +42 -0
  62. package/src/components/MenuToggle/MenuToggleCheckbox.tsx +104 -0
  63. package/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap +1 -1
  64. package/src/components/MenuToggle/examples/MenuToggle.md +35 -2
  65. package/src/components/MenuToggle/examples/MenuToggleSplitButtonAction.tsx +51 -0
  66. package/src/components/MenuToggle/examples/MenuToggleSplitButtonActionPrimary.tsx +58 -0
  67. package/src/components/MenuToggle/examples/MenuToggleSplitButtonActionSecondary.tsx +58 -0
  68. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckbox.tsx +40 -0
  69. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxPrimary.tsx +55 -0
  70. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxSecondary.tsx +55 -0
  71. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxWithText.tsx +52 -0
  72. package/src/components/MenuToggle/index.ts +2 -0
  73. package/src/demos/ComposableMenu/examples/ComposableSimpleCheckboxSelect.tsx +4 -4
@@ -1 +1 @@
1
- {"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAC/C,2CAA0E;AAC1E,+CAA4C;AAC5C,6CAA+C;AAC/C,2CAAgD;AAiEhD,MAAM,QAAS,SAAQ,KAAK,CAAC,SAA+B;IAa1D,YAAY,KAAgB;QAC1B,KAAK,CAAC,KAAK,CAAC,CAAC;QAVP,YAAO,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QAC5C,eAAU,GAAG,IAAe,CAAC;QAerC,UAAK,GAAc;YACjB,WAAW,EAAE,0BAAgB,CAAC,YAAI,CAAC,WAAW,CAAC;YAC/C,gBAAgB,EAAE,EAAE;YACpB,oBAAoB,EAAE,IAAI;YAC1B,SAAS,EAAE,IAAI;YACf,YAAY,EAAE,KAAK;SACpB,CAAC;QAoCF,8BAAyB,GAAG,CAAC,KAAsB,EAAE,EAAE;YACrD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;YAErC,IACE,CAAC,OAAO;gBACR,CAAC,OAAO,KAAM,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,YAAY,CAAC;oBAC9D,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAC9D,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,YAAY,CAAC,CACpD,CAAC,EACJ;gBACA,OAAO;aACR;YAED,IAAI,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE;gBACnC,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC;gBACxC,IAAI,CAAC,QAAQ,CAAC,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC,CAAC;aAC/C;iBAAM;gBACL,MAAM,QAAQ,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,OAAO,IAAI,IAAI,CAAC;gBACvF,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CACnF,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CACzF,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;gBACf,UAA0B,CAAC,KAAK,EAAE,CAAC;gBACnC,UAA0B,CAAC,QAAQ,GAAG,CAAC,CAAC;aAC1C;QACH,CAAC,CAAC;QAEF,oBAAe,GAAG,CAAC,KAAoB,EAAE,EAAE;YACzC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC;YACjD,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC;YAE7C,IACG,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC,UAAU;gBACvE,CAAE,KAAK,CAAC,MAAsB,CAAC,SAAS,CAAC,QAAQ,CAAC,uBAAuB,CAAC,EAC1E;gBACA,IAAI,CAAC,UAAU,GAAI,KAAK,CAAC,MAAsB,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;gBACtE,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;aACvC;YAED,IAAK,KAAK,CAAC,MAAsB,CAAC,OAAO,KAAK,OAAO,EAAE;gBACrD,OAAO;aACR;YAED,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;YACnC,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;YACtB,MAAM,gBAAgB,GACpB,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,uBAAuB,CAAC;gBACzD,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,uBAAuB,CAAC,CAAC;YAE5D,IAAI,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,OAAO,EAAE;gBAClC,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,WAAW,IAAI,CAAC,gBAAgB,EAAE;oBACpC,MAAM,aAAa,GAAG,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC;oBAC1F,IAAI,aAAa,IAAI,UAAU,CAAC,aAAa,CAAC,OAAO,KAAK,IAAI,EAAE;wBAC7D,aAA6B,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;wBAC5C,UAAU,CAAC,aAAa,CAAC,UAA0B,CAAC,QAAQ,GAAG,CAAC,CAAC;wBAClE,IAAI,CAAC,QAAQ,CAAC,EAAE,oBAAoB,EAAE,UAAU,CAAC,aAAa,CAAC,UAAyB,EAAE,CAAC,CAAC;qBAC7F;yBAAM;wBACL,IAAI,aAAa,CAAC,kBAAkB,IAAI,aAAa,CAAC,kBAAkB,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;4BACxG,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAC3B,aAAa,CAAC,kBAAkB,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CACxE,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;4BAElG,aAA6B,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;4BAC5C,UAAU,CAAC,CAAC,CAAC,CAAC,UAA0B,CAAC,QAAQ,GAAG,CAAC,CAAC;4BACvD,IAAI,CAAC,QAAQ,CAAC,EAAE,oBAAoB,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,UAAyB,EAAE,CAAC,CAAC;yBAClF;qBACF;iBACF;gBACA,QAAQ,CAAC,aAA6B,CAAC,KAAK,EAAE,CAAC;aACjD;QACH,CAAC,CAAC;QAEF,4BAAuB,GAAG,GAAG,EAAE;YAC7B,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC;YAEjD,OAAO,WAAW;gBAChB,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CACvE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CACzF;gBACH,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAChE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CACzF,CAAC;QACR,CAAC,CAAC;QAjIA,IAAI,KAAK,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,QAA2C,CAAC;SAClE;IACH,CAAC;IAUD,iBAAiB;QACf,mCAAmC;QACnC,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;QACrC,IAAI,OAAO,EAAE;YACX,MAAM,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,iBAAiB,CAA0C,CAAC;YAChG,IAAI,KAAK,EAAE;gBACT,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC;aACpB;SACF;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC;SAC5D;QACD,IAAI,gBAAS,EAAE;YACb,MAAM,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;SACzG;QAED,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,oBAAoB;QAClB,IAAI,gBAAS,EAAE;YACb,MAAM,CAAC,mBAAmB,CAAC,eAAe,EAAE,IAAI,CAAC,yBAAyB,CAAC,CAAC;SAC7E;IACH,CAAC;IAED,kBAAkB,CAAC,SAAoB;QACrC,IAAI,SAAS,CAAC,QAAQ,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YAC9C,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC1B;IACH,CAAC;IAsFD,MAAM;QACJ,MAAM,KA6BF,IAAI,CAAC,KAAK,EA7BR,EACJ,YAAY,EAAE,SAAS,EACvB,EAAE,EACF,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,MAAM,EACN,QAAQ,EACR,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,OAAO,EACP,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,SAAS,EACT,UAAU,EACV,eAAe,EACf,UAAU,GAAG,IAAI,EACjB,YAAY,GAAG,IAAI;QACnB,sDAAsD;QACtD,QAAQ,EACR,UAAU,EACV,UAAU,OAGE;QAFZ,qDAAqD;QAClD,KAAK,sBA5BJ,2WA6BL,CAAa,CAAC;QACf,MAAM,gBAAgB,GAAG,eAAe,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC;QACrG,OAAO,CACL,oBAAC,yBAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;gBACL,MAAM,EAAE,EAAE;gBACV,UAAU,EAAE,UAAU,IAAI,EAAE;gBAC5B,QAAQ;gBACR,aAAa;gBACb,YAAY;gBACZ,QAAQ;gBACR,cAAc;gBACd,iBAAiB;gBACjB,SAAS;gBACT,UAAU;gBACV,eAAe;gBACf,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;gBAC/B,YAAY,EAAE,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC;gBACvD,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;aACtC;YAEA,UAAU,IAAI,CACb,oBAAC,yBAAe,IACd,YAAY,EAAG,IAAI,CAAC,OAA2C,IAAI,IAAI,EACvE,oBAAoB,EAAE,IAAI,CAAC,eAAe,EAC1C,uBAAuB,EAAE,IAAI,CAAC,uBAAuB,EACrD,eAAe,EAAE,CAAC,OAAgB,EAAE,EAAE,CACpC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,OAAO;oBAChD,QAAQ,CAAC,aAAa,CAAC,aAAa,KAAK,OAAO;oBAChD,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,UAAU,KAAK,OAAO,CAAC,EAEvG,mBAAmB,EAAE,CAAC,gBAAyB,EAAE,EAAE,CACjD,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,IAAK,gBAAgB,CAAC,UAAsB,EAErF,yBAAyB,EACvB,QAAQ,CAAC,aAAa;oBACtB,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,uBAAuB,CAAC;wBACjE,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,uBAAuB,CAAC,CAAC,EAEvE,eAAe,QACf,eAAe,SACf,CACH;YACD,2CACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,kBAAG,CACZ,cAAM,CAAC,IAAI,EACX,OAAO,IAAI,cAAM,CAAC,SAAS,CAAC,KAAK,EACjC,YAAY,IAAI,cAAM,CAAC,SAAS,CAAC,UAAU,EAC3C,cAAc,IAAI,cAAM,CAAC,SAAS,CAAC,MAAM,EACzC,WAAW,IAAI,cAAM,CAAC,SAAS,CAAC,GAAG,EACnC,iBAAiB,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC/C,gBAAgB,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC9C,SAAS,CACV,gBACW,SAAS,EACrB,GAAG,EAAE,IAAI,CAAC,OAAO,IACb,sBAAY,CAAC,YAAI,CAAC,WAAW,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,QAAQ,CAAC,EAChG,KAAK,GAER,QAAQ,CACL,CACe,CACxB,CAAC;IACJ,CAAC;;AA/OM,oBAAW,GAAG,MAAM,CAAC;AACrB,oBAAW,GAAG,yBAAW,CAAC;AAI1B,qBAAY,GAAc;IAC/B,QAAQ,EAAE,IAAI;IACd,UAAU,EAAE,IAAI;IAChB,OAAO,EAAE,KAAK;IACd,YAAY,EAAE,KAAK;CACpB,CAAC;AAwOS,QAAA,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAgB,EAAE,GAA8B,EAAE,EAAE,CAAC,CACzF,oBAAC,QAAQ,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,IAAI,CACvC,CAAC,CAAC;AACH,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
@@ -1,6 +1,12 @@
1
1
  import * as React from 'react';
2
2
  import { BadgeProps } from '../Badge';
3
3
  export declare type MenuToggleElement = HTMLDivElement | HTMLButtonElement;
4
+ export interface SplitButtonOptions {
5
+ /** Elements to display before the toggle button. When included, renders the menu toggle as a split button. */
6
+ items: React.ReactNode[];
7
+ /** Variant of split button toggle */
8
+ variant?: 'action' | 'checkbox';
9
+ }
4
10
  export interface MenuToggleProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<MenuToggleElement>, MenuToggleElement>, 'ref'> {
5
11
  /** Content rendered inside the toggle */
6
12
  children?: React.ReactNode;
@@ -14,6 +20,8 @@ export interface MenuToggleProps extends Omit<React.DetailedHTMLProps<React.HTML
14
20
  isFullHeight?: boolean;
15
21
  /** Flag indicating the toggle takes up the full width of its parent */
16
22
  isFullWidth?: boolean;
23
+ /** Object used to configure a split button menu toggle */
24
+ splitButtonOptions?: SplitButtonOptions;
17
25
  /** Variant styles of the menu toggle */
18
26
  variant?: 'default' | 'plain' | 'primary' | 'plainText' | 'secondary' | 'typeahead';
19
27
  /** Optional icon rendered inside the toggle, before the children content */
@@ -1 +1 @@
1
- {"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,oBAAY,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAEnE,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IACxG,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACpF,4EAA4E;IAC5E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,WAAW,SAAoB;IAC/B,MAAM,CAAC,YAAY,EAAE,eAAe,CAOlC;IAEF,MAAM;CA2FP;AAED,eAAO,MAAM,UAAU,2FAErB,CAAC"}
1
+ {"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,oBAAY,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAEnE,MAAM,WAAW,kBAAkB;IACjC,8GAA8G;IAC9G,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,qCAAqC;IACrC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;CACjC;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,KAAK,CAAC;IACxG,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACpF,4EAA4E;IAC5E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACzC;AAED,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,WAAW,SAAoB;IAC/B,MAAM,CAAC,YAAY,EAAE,eAAe,CAMlC;IAEF,MAAM;CA6GP;AAED,eAAO,MAAM,UAAU,2FAErB,CAAC"}
@@ -12,7 +12,7 @@ class MenuToggleBase extends React.Component {
12
12
  this.displayName = 'MenuToggleBase';
13
13
  }
14
14
  render() {
15
- const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, variant, innerRef, onClick, 'aria-label': ariaLabel } = _a, otherProps = tslib_1.__rest(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "variant", "innerRef", "onClick", 'aria-label']);
15
+ const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, splitButtonOptions, variant, innerRef, onClick, 'aria-label': ariaLabel } = _a, otherProps = tslib_1.__rest(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "splitButtonOptions", "variant", "innerRef", "onClick", 'aria-label']);
16
16
  const isPlain = variant === 'plain';
17
17
  const isPlainText = variant === 'plainText';
18
18
  const isTypeahead = variant === 'typeahead';
@@ -21,14 +21,20 @@ class MenuToggleBase extends React.Component {
21
21
  React.createElement(caret_down_icon_1.default, { "aria-hidden": true }))));
22
22
  const content = (React.createElement(React.Fragment, null,
23
23
  icon && React.createElement("span", { className: react_styles_1.css(menu_toggle_1.default.menuToggleIcon) }, icon),
24
- isTypeahead ? children : React.createElement("span", { className: "pf-c-menu-toggle__text" }, children),
24
+ isTypeahead ? children : React.createElement("span", { className: react_styles_1.css(menu_toggle_1.default.menuToggleText) }, children),
25
25
  badge && React.createElement("span", { className: react_styles_1.css(menu_toggle_1.default.menuToggleCount) }, badge),
26
26
  isTypeahead ? (React.createElement("button", { type: "button", className: react_styles_1.css(menu_toggle_1.default.menuToggleButton), "aria-expanded": isExpanded, onClick: onClick, "aria-label": "Menu toggle" }, toggleControls)) : (toggleControls)));
27
- const componentProps = Object.assign(Object.assign({ className: react_styles_1.css(menu_toggle_1.default.menuToggle, isExpanded && menu_toggle_1.default.modifiers.expanded, variant === 'primary' && menu_toggle_1.default.modifiers.primary, (isPlain || isPlainText) && menu_toggle_1.default.modifiers.plain, isPlainText && menu_toggle_1.default.modifiers.text, isFullHeight && menu_toggle_1.default.modifiers.fullHeight, isTypeahead && menu_toggle_1.default.modifiers.typeahead, isFullWidth && menu_toggle_1.default.modifiers.fullWidth, className), children: isPlain ? children : content }, (isDisabled && { disabled: true })), otherProps);
27
+ const commonStyles = react_styles_1.css(menu_toggle_1.default.menuToggle, isExpanded && menu_toggle_1.default.modifiers.expanded, variant === 'primary' && menu_toggle_1.default.modifiers.primary, variant === 'secondary' && menu_toggle_1.default.modifiers.secondary, (isPlain || isPlainText) && menu_toggle_1.default.modifiers.plain, isPlainText && menu_toggle_1.default.modifiers.text, isFullHeight && menu_toggle_1.default.modifiers.fullHeight, isFullWidth && menu_toggle_1.default.modifiers.fullWidth, isDisabled && menu_toggle_1.default.modifiers.disabled, className);
28
+ const componentProps = Object.assign(Object.assign({ children: isPlain ? children : content }, (isDisabled && { disabled: true })), otherProps);
28
29
  if (isTypeahead) {
29
- return React.createElement("div", Object.assign({ ref: innerRef }, componentProps));
30
+ return React.createElement("div", Object.assign({ ref: innerRef, className: react_styles_1.css(commonStyles) }, componentProps));
30
31
  }
31
- return (React.createElement("button", Object.assign({ className: react_styles_1.css(menu_toggle_1.default.menuToggle, isExpanded && menu_toggle_1.default.modifiers.expanded, variant === 'primary' && menu_toggle_1.default.modifiers.primary, variant === 'secondary' && menu_toggle_1.default.modifiers.secondary, (isPlain || isPlainText) && menu_toggle_1.default.modifiers.plain, isPlainText && menu_toggle_1.default.modifiers.text, isFullHeight && menu_toggle_1.default.modifiers.fullHeight, isFullWidth && menu_toggle_1.default.modifiers.fullWidth, className), ref: innerRef, type: "button", "aria-label": ariaLabel, "aria-expanded": isExpanded, onClick: onClick }, componentProps)));
32
+ if (splitButtonOptions) {
33
+ return (React.createElement("div", { className: react_styles_1.css(commonStyles, menu_toggle_1.default.modifiers.splitButton, (splitButtonOptions === null || splitButtonOptions === void 0 ? void 0 : splitButtonOptions.variant) === 'action' && menu_toggle_1.default.modifiers.action) }, splitButtonOptions === null || splitButtonOptions === void 0 ? void 0 :
34
+ splitButtonOptions.items,
35
+ React.createElement("button", Object.assign({ className: react_styles_1.css(menu_toggle_1.default.menuToggleButton), type: "button", "aria-expanded": isExpanded, "aria-label": ariaLabel, disabled: isDisabled }, otherProps), toggleControls)));
36
+ }
37
+ return (React.createElement("button", Object.assign({ className: react_styles_1.css(commonStyles), type: "button", "aria-label": ariaLabel, "aria-expanded": isExpanded, ref: innerRef, disabled: isDisabled, onClick: onClick }, componentProps)));
32
38
  }
33
39
  }
34
40
  exports.MenuToggleBase = MenuToggleBase;
@@ -37,8 +43,7 @@ MenuToggleBase.defaultProps = {
37
43
  isExpanded: false,
38
44
  isDisabled: false,
39
45
  isFullWidth: false,
40
- isFullHeight: false,
41
- variant: 'default'
46
+ isFullHeight: false
42
47
  };
43
48
  exports.MenuToggle = React.forwardRef((props, ref) => (React.createElement(MenuToggleBase, Object.assign({ innerRef: ref }, props))));
44
49
  exports.MenuToggle.displayName = 'MenuToggle';
@@ -1 +1 @@
1
- {"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,19 @@
1
+ import * as React from 'react';
2
+ export interface MenuToggleActionProps {
3
+ /** Additional classes added to the MenuToggleAction */
4
+ className?: string;
5
+ /** Flag to show if the action button is disabled */
6
+ isDisabled?: boolean;
7
+ /** A callback for when the action button is clicked */
8
+ onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
9
+ /** Element to be rendered inside the <button> */
10
+ children?: React.ReactNode;
11
+ /** Id of the action button */
12
+ id?: string;
13
+ }
14
+ export declare class MenuToggleAction extends React.Component<MenuToggleActionProps> {
15
+ static displayName: string;
16
+ static defaultProps: MenuToggleActionProps;
17
+ render(): JSX.Element;
18
+ }
19
+ //# sourceMappingURL=MenuToggleAction.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuToggleAction.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggleAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,qBAAqB;IACpC,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8BAA8B;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,CAAC;IAC1E,MAAM,CAAC,WAAW,SAAsB;IACxC,MAAM,CAAC,YAAY,EAAE,qBAAqB,CAIxC;IAEF,MAAM;CAgBP"}
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MenuToggleAction = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const React = tslib_1.__importStar(require("react"));
6
+ const menu_toggle_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/MenuToggle/menu-toggle"));
7
+ const react_styles_1 = require("@patternfly/react-styles");
8
+ class MenuToggleAction extends React.Component {
9
+ render() {
10
+ const _a = this.props, { id, className, onClick, isDisabled, children } = _a, props = tslib_1.__rest(_a, ["id", "className", "onClick", "isDisabled", "children"]);
11
+ return (React.createElement("button", Object.assign({ id: id, className: react_styles_1.css(menu_toggle_1.default.menuToggleButton, className), onClick: onClick, type: "button", disabled: isDisabled }, props), children));
12
+ }
13
+ }
14
+ exports.MenuToggleAction = MenuToggleAction;
15
+ MenuToggleAction.displayName = 'MenuToggleAction';
16
+ MenuToggleAction.defaultProps = {
17
+ className: '',
18
+ isDisabled: false,
19
+ onClick: () => { }
20
+ };
21
+ //# sourceMappingURL=MenuToggleAction.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuToggleAction.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggleAction.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,yHAAoF;AACpF,2DAA+C;AAe/C,MAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAgC;IAQ1E,MAAM;QACJ,MAAM,KAA6D,IAAI,CAAC,KAAK,EAAvE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,OAAyB,EAApB,KAAK,sBAAxD,wDAA0D,CAAa,CAAC;QAE9E,OAAO,CACL,8CACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,kBAAG,CAAC,qBAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAClD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,IAChB,KAAK,GAER,QAAQ,CACF,CACV,CAAC;IACJ,CAAC;;AAvBH,4CAwBC;AAvBQ,4BAAW,GAAG,kBAAkB,CAAC;AACjC,6BAAY,GAA0B;IAC3C,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,KAAK;IACjB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;CAClB,CAAC"}
@@ -0,0 +1,36 @@
1
+ import * as React from 'react';
2
+ import { PickOptional } from '../../helpers/typeUtils';
3
+ import { OUIAProps } from '../../helpers';
4
+ export interface MenuToggleCheckboxProps extends Omit<React.HTMLProps<HTMLInputElement>, 'type' | 'onChange' | 'disabled' | 'checked'>, OUIAProps {
5
+ /** Additional classes added to the MenuToggleCheckbox */
6
+ className?: string;
7
+ /** Flag to show if the checkbox selection is valid or invalid */
8
+ isValid?: boolean;
9
+ /** Flag to show if the checkbox is disabled */
10
+ isDisabled?: boolean;
11
+ /** Flag to show if the checkbox is checked when it is controlled by React state.
12
+ * To make the checkbox uncontrolled instead use the defaultChecked prop, but do not use both.
13
+ */
14
+ isChecked?: boolean | null;
15
+ /** Flag to set the default checked value of the checkbox when it is uncontrolled by React state.
16
+ * To make the checkbox controlled instead use the isChecked prop, but do not use both.
17
+ */
18
+ defaultChecked?: boolean | null;
19
+ /** A callback for when the checkbox selection changes */
20
+ onChange?: (checked: boolean, event: React.FormEvent<HTMLInputElement>) => void;
21
+ /** Element to be rendered inside the <span> */
22
+ children?: React.ReactNode;
23
+ /** Id of the checkbox */
24
+ id: string;
25
+ }
26
+ export declare class MenuToggleCheckbox extends React.Component<MenuToggleCheckboxProps, {
27
+ ouiaStateId: string;
28
+ }> {
29
+ static displayName: string;
30
+ static defaultProps: PickOptional<MenuToggleCheckboxProps>;
31
+ constructor(props: MenuToggleCheckboxProps);
32
+ handleChange: (event: React.FormEvent<HTMLInputElement>) => void;
33
+ calculateChecked: () => boolean;
34
+ render(): JSX.Element;
35
+ }
36
+ //# sourceMappingURL=MenuToggleCheckbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuToggleCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggleCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC,EAC3F,SAAS;IACX,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAChC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChF,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,uBAAuB,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;IACvG,MAAM,CAAC,WAAW,SAAwB;IAC1C,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAIxD;gBAEU,KAAK,EAAE,uBAAuB;IAO1C,YAAY,UAAW,MAAM,SAAS,CAAC,gBAAgB,CAAC,UAEtD;IAEF,gBAAgB,gBASd;IAEF,MAAM;CA0CP"}
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MenuToggleCheckbox = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const React = tslib_1.__importStar(require("react"));
6
+ const check_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Check/check"));
7
+ const react_styles_1 = require("@patternfly/react-styles");
8
+ const helpers_1 = require("../../helpers");
9
+ class MenuToggleCheckbox extends React.Component {
10
+ constructor(props) {
11
+ super(props);
12
+ this.handleChange = (event) => {
13
+ this.props.onChange(event.target.checked, event);
14
+ };
15
+ this.calculateChecked = () => {
16
+ const { isChecked, defaultChecked } = this.props;
17
+ if (isChecked === null) {
18
+ // return false here and the indeterminate state will be set to true through the ref
19
+ return false;
20
+ }
21
+ else if (isChecked !== undefined) {
22
+ return isChecked;
23
+ }
24
+ return defaultChecked;
25
+ };
26
+ this.state = {
27
+ ouiaStateId: helpers_1.getDefaultOUIAId(MenuToggleCheckbox.displayName)
28
+ };
29
+ }
30
+ render() {
31
+ const _a = this.props, { className, isValid, isDisabled, isChecked, children, ouiaId, ouiaSafe,
32
+ /* eslint-disable @typescript-eslint/no-unused-vars */
33
+ onChange, defaultChecked, id } = _a, props = tslib_1.__rest(_a, ["className", "isValid", "isDisabled", "isChecked", "children", "ouiaId", "ouiaSafe", "onChange", "defaultChecked", "id"]);
34
+ const text = children && (React.createElement("span", { className: react_styles_1.css(check_1.default.checkLabel, className), "aria-hidden": "true", id: id }, children));
35
+ return (React.createElement("label", { className: react_styles_1.css(check_1.default.check, !children && check_1.default.modifiers.standalone, className), htmlFor: id },
36
+ React.createElement("input", Object.assign({ className: react_styles_1.css(check_1.default.checkInput) }, (this.calculateChecked() !== undefined && { onChange: this.handleChange }), { name: id, type: "checkbox", ref: elem => elem && (elem.indeterminate = isChecked === null), "aria-invalid": !isValid, disabled: isDisabled }, (defaultChecked !== undefined ? { defaultChecked } : { checked: isChecked }), helpers_1.getOUIAProps(MenuToggleCheckbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe), props)),
37
+ text));
38
+ }
39
+ }
40
+ exports.MenuToggleCheckbox = MenuToggleCheckbox;
41
+ MenuToggleCheckbox.displayName = 'MenuToggleCheckbox';
42
+ MenuToggleCheckbox.defaultProps = {
43
+ isValid: true,
44
+ isDisabled: false,
45
+ onChange: () => undefined
46
+ };
47
+ //# sourceMappingURL=MenuToggleCheckbox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuToggleCheckbox.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggleCheckbox.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,wGAAyE;AACzE,2DAA+C;AAE/C,2CAA0E;AA2B1E,MAAa,kBAAmB,SAAQ,KAAK,CAAC,SAA2D;IAQvG,YAAY,KAA8B;QACxC,KAAK,CAAC,KAAK,CAAC,CAAC;QAMf,iBAAY,GAAG,CAAC,KAAwC,EAAE,EAAE;YAC1D,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAE,KAAK,CAAC,MAA2B,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QACzE,CAAC,CAAC;QAEF,qBAAgB,GAAG,GAAG,EAAE;YACtB,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YACjD,IAAI,SAAS,KAAK,IAAI,EAAE;gBACtB,oFAAoF;gBACpF,OAAO,KAAK,CAAC;aACd;iBAAM,IAAI,SAAS,KAAK,SAAS,EAAE;gBAClC,OAAO,SAAS,CAAC;aAClB;YACD,OAAO,cAAc,CAAC;QACxB,CAAC,CAAC;QAlBA,IAAI,CAAC,KAAK,GAAG;YACX,WAAW,EAAE,0BAAgB,CAAC,kBAAkB,CAAC,WAAW,CAAC;SAC9D,CAAC;IACJ,CAAC;IAiBD,MAAM;QACJ,MAAM,KAaF,IAAI,CAAC,KAAK,EAbR,EACJ,SAAS,EACT,OAAO,EACP,UAAU,EACV,SAAS,EACT,QAAQ,EACR,MAAM,EACN,QAAQ;QACR,sDAAsD;QACtD,QAAQ,EACR,cAAc,EACd,EAAE,OAEU,EADT,KAAK,sBAZJ,yHAaL,CAAa,CAAC;QACf,MAAM,IAAI,GAAG,QAAQ,IAAI,CACvB,8BAAM,SAAS,EAAE,kBAAG,CAAC,eAAM,CAAC,UAAU,EAAE,SAAS,CAAC,iBAAc,MAAM,EAAC,EAAE,EAAE,EAAE,IAC1E,QAAQ,CACJ,CACR,CAAC;QACF,OAAO,CACL,+BAAO,SAAS,EAAE,kBAAG,CAAC,eAAM,CAAC,KAAK,EAAE,CAAC,QAAQ,IAAI,eAAM,CAAC,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE;YACnG,6CACE,SAAS,EAAE,kBAAG,CAAC,eAAM,CAAC,UAAU,CAAC,IAC7B,CAAC,IAAI,CAAC,gBAAgB,EAAE,KAAK,SAAS,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,IAC9E,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,UAAU,EACf,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC,kBAChD,CAAC,OAAO,EACtB,QAAQ,EAAE,UAAU,IAChB,CAAC,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC5E,sBAAY,CACd,kBAAkB,CAAC,WAAW,EAC9B,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EACtD,QAAQ,CACT,EACG,KAAK,EACT;YACD,IAAI,CACC,CACT,CAAC;IACJ,CAAC;;AAvEH,gDAwEC;AAvEQ,8BAAW,GAAG,oBAAoB,CAAC;AACnC,+BAAY,GAA0C;IAC3D,OAAO,EAAE,IAAI;IACb,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAgB;CACjC,CAAC"}
@@ -1,2 +1,4 @@
1
1
  export * from './MenuToggle';
2
+ export * from './MenuToggleAction';
3
+ export * from './MenuToggleCheckbox';
2
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}
@@ -2,4 +2,6 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const tslib_1 = require("tslib");
4
4
  tslib_1.__exportStar(require("./MenuToggle"), exports);
5
+ tslib_1.__exportStar(require("./MenuToggleAction"), exports);
6
+ tslib_1.__exportStar(require("./MenuToggleCheckbox"), exports);
5
7
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,6DAAmC;AACnC,+DAAqC"}
@@ -13427,6 +13427,16 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
13427
13427
  color: var(--pf-c-multiple-file-upload__status-item-progress-size--Color);
13428
13428
  }
13429
13429
 
13430
+ .pf-l-bullseye {
13431
+ --pf-l-bullseye--Padding: 0;
13432
+ display: flex;
13433
+ align-items: center;
13434
+ justify-content: center;
13435
+ height: 100%;
13436
+ padding: var(--pf-l-bullseye--Padding);
13437
+ margin: 0;
13438
+ }
13439
+
13430
13440
  .pf-c-nav {
13431
13441
  --pf-c-nav--Transition: var(--pf-global--Transition);
13432
13442
  --pf-c-nav--m-light__item--before--BorderColor: var(--pf-global--BorderColor--300);
@@ -14480,16 +14490,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
14480
14490
  --pf-c-nav__item--item__link--after--Top: 0;
14481
14491
  }
14482
14492
 
14483
- .pf-l-bullseye {
14484
- --pf-l-bullseye--Padding: 0;
14485
- display: flex;
14486
- align-items: center;
14487
- justify-content: center;
14488
- height: 100%;
14489
- padding: var(--pf-l-bullseye--Padding);
14490
- margin: 0;
14491
- }
14492
-
14493
14493
  .pf-c-notification-badge {
14494
14494
  --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
14495
14495
  --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
@@ -15998,6 +15998,31 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
15998
15998
  padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
15999
15999
  }
16000
16000
 
16001
+ @media (min-height: 0) {
16002
+ .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height, .pf-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-c-page__main-nav:last-child {
16003
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
16004
+ }
16005
+ }
16006
+ @media (min-height: 40rem) {
16007
+ .pf-c-page__main-nav.pf-m-sticky-top-on-md-height, .pf-c-page__main-group.pf-m-sticky-top-on-md-height .pf-c-page__main-nav:last-child {
16008
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
16009
+ }
16010
+ }
16011
+ @media (min-height: 48rem) {
16012
+ .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height, .pf-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-c-page__main-nav:last-child {
16013
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
16014
+ }
16015
+ }
16016
+ @media (min-height: 60rem) {
16017
+ .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-c-page__main-nav:last-child {
16018
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
16019
+ }
16020
+ }
16021
+ @media (min-height: 80rem) {
16022
+ .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-c-page__main-nav:last-child {
16023
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
16024
+ }
16025
+ }
16001
16026
  .pf-c-page__main-subnav {
16002
16027
  background-color: var(--pf-c-page__main-subnav--BackgroundColor);
16003
16028
  border-top: var(--pf-c-page__main-subnav--BorderTopWidth) solid var(--pf-c-page__main-subnav--BorderTopColor);
@@ -16026,6 +16051,31 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
16026
16051
  --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
16027
16052
  }
16028
16053
 
16054
+ @media (min-height: 0) {
16055
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height, .pf-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-c-page__main-breadcrumb:last-child {
16056
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
16057
+ }
16058
+ }
16059
+ @media (min-height: 40rem) {
16060
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height, .pf-c-page__main-group.pf-m-sticky-top-on-md-height .pf-c-page__main-breadcrumb:last-child {
16061
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
16062
+ }
16063
+ }
16064
+ @media (min-height: 48rem) {
16065
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height, .pf-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-c-page__main-breadcrumb:last-child {
16066
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
16067
+ }
16068
+ }
16069
+ @media (min-height: 60rem) {
16070
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-c-page__main-breadcrumb:last-child {
16071
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
16072
+ }
16073
+ }
16074
+ @media (min-height: 80rem) {
16075
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-c-page__main-breadcrumb:last-child {
16076
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
16077
+ }
16078
+ }
16029
16079
  .pf-c-page__main-tabs {
16030
16080
  padding: var(--pf-c-page__main-tabs--PaddingTop) var(--pf-c-page__main-tabs--PaddingRight) var(--pf-c-page__main-tabs--PaddingBottom) var(--pf-c-page__main-tabs--PaddingLeft);
16031
16081
  background-color: var(--pf-c-page__main-tabs--BackgroundColor);
@@ -15668,8 +15668,9 @@
15668
15668
  setFlyoutRef: flyoutRef => this.setState({ flyoutRef }),
15669
15669
  disableHover: this.state.disableHover
15670
15670
  } },
15671
- isRootMenu && (React__namespace.createElement(KeyboardHandler, { containerRef: this.menuRef || null, additionalKeyHandler: this.handleExtraKeys, createNavigableElements: this.createNavigableElements, isActiveElement: (element) => document.activeElement.parentElement === element ||
15672
- (document.activeElement.closest('ol') && document.activeElement.closest('ol').firstChild === element), getFocusableElement: (navigableElement) => navigableElement.firstChild, noHorizontalArrowHandling: document.activeElement &&
15671
+ isRootMenu && (React__namespace.createElement(KeyboardHandler, { containerRef: this.menuRef || null, additionalKeyHandler: this.handleExtraKeys, createNavigableElements: this.createNavigableElements, isActiveElement: (element) => document.activeElement.closest('li') === element ||
15672
+ document.activeElement.parentElement === element ||
15673
+ (document.activeElement.closest('ol') && document.activeElement.closest('ol').firstChild === element), getFocusableElement: (navigableElement) => navigableElement.querySelector('input') || navigableElement.firstChild, noHorizontalArrowHandling: document.activeElement &&
15673
15674
  (document.activeElement.classList.contains('pf-c-breadcrumb__link') ||
15674
15675
  document.activeElement.classList.contains('pf-c-dropdown__toggle')), noEnterHandling: true, noSpaceHandling: true })),
15675
15676
  React__namespace.createElement("div", Object.assign({ id: id, className: css(menuStyles.menu, isPlain && menuStyles.modifiers.plain, isScrollable && menuStyles.modifiers.scrollable, containsFlyout && menuStyles.modifiers.flyout, isNavFlyout && menuStyles.modifiers.nav, containsDrilldown && menuStyles.modifiers.drilldown, _isMenuDrilledIn && menuStyles.modifiers.drilledIn, className), "aria-label": ariaLabel, ref: this.menuRef }, getOUIAProps(Menu.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe), props), children)));
@@ -16039,7 +16040,7 @@
16039
16040
  this.displayName = 'MenuToggleBase';
16040
16041
  }
16041
16042
  render() {
16042
- const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, variant, innerRef, onClick, 'aria-label': ariaLabel } = _a, otherProps = __rest$1(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "variant", "innerRef", "onClick", 'aria-label']);
16043
+ const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, splitButtonOptions, variant, innerRef, onClick, 'aria-label': ariaLabel } = _a, otherProps = __rest$1(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "splitButtonOptions", "variant", "innerRef", "onClick", 'aria-label']);
16043
16044
  const isPlain = variant === 'plain';
16044
16045
  const isPlainText = variant === 'plainText';
16045
16046
  const isTypeahead = variant === 'typeahead';
@@ -16048,14 +16049,20 @@
16048
16049
  React__namespace.createElement(CaretDownIcon$1, { "aria-hidden": true }))));
16049
16050
  const content = (React__namespace.createElement(React__namespace.Fragment, null,
16050
16051
  icon && React__namespace.createElement("span", { className: css(styles$x.menuToggleIcon) }, icon),
16051
- isTypeahead ? children : React__namespace.createElement("span", { className: "pf-c-menu-toggle__text" }, children),
16052
+ isTypeahead ? children : React__namespace.createElement("span", { className: css(styles$x.menuToggleText) }, children),
16052
16053
  badge && React__namespace.createElement("span", { className: css(styles$x.menuToggleCount) }, badge),
16053
16054
  isTypeahead ? (React__namespace.createElement("button", { type: "button", className: css(styles$x.menuToggleButton), "aria-expanded": isExpanded, onClick: onClick, "aria-label": "Menu toggle" }, toggleControls)) : (toggleControls)));
16054
- const componentProps = Object.assign(Object.assign({ className: css(styles$x.menuToggle, isExpanded && styles$x.modifiers.expanded, variant === 'primary' && styles$x.modifiers.primary, (isPlain || isPlainText) && styles$x.modifiers.plain, isPlainText && styles$x.modifiers.text, isFullHeight && styles$x.modifiers.fullHeight, isTypeahead && styles$x.modifiers.typeahead, isFullWidth && styles$x.modifiers.fullWidth, className), children: isPlain ? children : content }, (isDisabled && { disabled: true })), otherProps);
16055
+ const commonStyles = css(styles$x.menuToggle, isExpanded && styles$x.modifiers.expanded, variant === 'primary' && styles$x.modifiers.primary, variant === 'secondary' && styles$x.modifiers.secondary, (isPlain || isPlainText) && styles$x.modifiers.plain, isPlainText && styles$x.modifiers.text, isFullHeight && styles$x.modifiers.fullHeight, isFullWidth && styles$x.modifiers.fullWidth, isDisabled && styles$x.modifiers.disabled, className);
16056
+ const componentProps = Object.assign(Object.assign({ children: isPlain ? children : content }, (isDisabled && { disabled: true })), otherProps);
16055
16057
  if (isTypeahead) {
16056
- return React__namespace.createElement("div", Object.assign({ ref: innerRef }, componentProps));
16058
+ return React__namespace.createElement("div", Object.assign({ ref: innerRef, className: css(commonStyles) }, componentProps));
16057
16059
  }
16058
- return (React__namespace.createElement("button", Object.assign({ className: css(styles$x.menuToggle, isExpanded && styles$x.modifiers.expanded, variant === 'primary' && styles$x.modifiers.primary, variant === 'secondary' && styles$x.modifiers.secondary, (isPlain || isPlainText) && styles$x.modifiers.plain, isPlainText && styles$x.modifiers.text, isFullHeight && styles$x.modifiers.fullHeight, isFullWidth && styles$x.modifiers.fullWidth, className), ref: innerRef, type: "button", "aria-label": ariaLabel, "aria-expanded": isExpanded, onClick: onClick }, componentProps)));
16060
+ if (splitButtonOptions) {
16061
+ return (React__namespace.createElement("div", { className: css(commonStyles, styles$x.modifiers.splitButton, (splitButtonOptions === null || splitButtonOptions === void 0 ? void 0 : splitButtonOptions.variant) === 'action' && styles$x.modifiers.action) }, splitButtonOptions === null || splitButtonOptions === void 0 ? void 0 :
16062
+ splitButtonOptions.items,
16063
+ React__namespace.createElement("button", Object.assign({ className: css(styles$x.menuToggleButton), type: "button", "aria-expanded": isExpanded, "aria-label": ariaLabel, disabled: isDisabled }, otherProps), toggleControls)));
16064
+ }
16065
+ return (React__namespace.createElement("button", Object.assign({ className: css(commonStyles), type: "button", "aria-label": ariaLabel, "aria-expanded": isExpanded, ref: innerRef, disabled: isDisabled, onClick: onClick }, componentProps)));
16059
16066
  }
16060
16067
  }
16061
16068
  MenuToggleBase.defaultProps = {
@@ -16063,12 +16070,62 @@
16063
16070
  isExpanded: false,
16064
16071
  isDisabled: false,
16065
16072
  isFullWidth: false,
16066
- isFullHeight: false,
16067
- variant: 'default'
16073
+ isFullHeight: false
16068
16074
  };
16069
16075
  const MenuToggle = React__namespace.forwardRef((props, ref) => (React__namespace.createElement(MenuToggleBase, Object.assign({ innerRef: ref }, props))));
16070
16076
  MenuToggle.displayName = 'MenuToggle';
16071
16077
 
16078
+ class MenuToggleAction extends React__namespace.Component {
16079
+ render() {
16080
+ const _a = this.props, { id, className, onClick, isDisabled, children } = _a, props = __rest$1(_a, ["id", "className", "onClick", "isDisabled", "children"]);
16081
+ return (React__namespace.createElement("button", Object.assign({ id: id, className: css(styles$x.menuToggleButton, className), onClick: onClick, type: "button", disabled: isDisabled }, props), children));
16082
+ }
16083
+ }
16084
+ MenuToggleAction.displayName = 'MenuToggleAction';
16085
+ MenuToggleAction.defaultProps = {
16086
+ className: '',
16087
+ isDisabled: false,
16088
+ onClick: () => { }
16089
+ };
16090
+
16091
+ class MenuToggleCheckbox extends React__namespace.Component {
16092
+ constructor(props) {
16093
+ super(props);
16094
+ this.handleChange = (event) => {
16095
+ this.props.onChange(event.target.checked, event);
16096
+ };
16097
+ this.calculateChecked = () => {
16098
+ const { isChecked, defaultChecked } = this.props;
16099
+ if (isChecked === null) {
16100
+ // return false here and the indeterminate state will be set to true through the ref
16101
+ return false;
16102
+ }
16103
+ else if (isChecked !== undefined) {
16104
+ return isChecked;
16105
+ }
16106
+ return defaultChecked;
16107
+ };
16108
+ this.state = {
16109
+ ouiaStateId: getDefaultOUIAId(MenuToggleCheckbox.displayName)
16110
+ };
16111
+ }
16112
+ render() {
16113
+ const _a = this.props, { className, isValid, isDisabled, isChecked, children, ouiaId, ouiaSafe,
16114
+ /* eslint-disable @typescript-eslint/no-unused-vars */
16115
+ onChange, defaultChecked, id } = _a, props = __rest$1(_a, ["className", "isValid", "isDisabled", "isChecked", "children", "ouiaId", "ouiaSafe", "onChange", "defaultChecked", "id"]);
16116
+ const text = children && (React__namespace.createElement("span", { className: css(styles$X.checkLabel, className), "aria-hidden": "true", id: id }, children));
16117
+ return (React__namespace.createElement("label", { className: css(styles$X.check, !children && styles$X.modifiers.standalone, className), htmlFor: id },
16118
+ React__namespace.createElement("input", Object.assign({ className: css(styles$X.checkInput) }, (this.calculateChecked() !== undefined && { onChange: this.handleChange }), { name: id, type: "checkbox", ref: elem => elem && (elem.indeterminate = isChecked === null), "aria-invalid": !isValid, disabled: isDisabled }, (defaultChecked !== undefined ? { defaultChecked } : { checked: isChecked }), getOUIAProps(MenuToggleCheckbox.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe), props)),
16119
+ text));
16120
+ }
16121
+ }
16122
+ MenuToggleCheckbox.displayName = 'MenuToggleCheckbox';
16123
+ MenuToggleCheckbox.defaultProps = {
16124
+ isValid: true,
16125
+ isDisabled: false,
16126
+ onChange: () => undefined
16127
+ };
16128
+
16072
16129
  Promise.resolve().then(function () { return modalBox; });
16073
16130
  var modalStyles = {
16074
16131
  "button": "pf-c-button",
@@ -23232,7 +23289,9 @@
23232
23289
  exports.MenuItemAction = MenuItemAction;
23233
23290
  exports.MenuList = MenuList;
23234
23291
  exports.MenuToggle = MenuToggle;
23292
+ exports.MenuToggleAction = MenuToggleAction;
23235
23293
  exports.MenuToggleBase = MenuToggleBase;
23294
+ exports.MenuToggleCheckbox = MenuToggleCheckbox;
23236
23295
  exports.Modal = Modal;
23237
23296
  exports.ModalBox = ModalBox;
23238
23297
  exports.ModalBoxBody = ModalBoxBody;