@patternfly/react-table 4.52.11 → 4.54.0

package/CHANGELOG.md

@@ -3,6 +3,44 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 4.54.0 (2022-01-11)
+
+
+### Features
+
+* **Table:** update clickable area for checks/radios ([#6754](https://github.com/patternfly/patternfly-react/issues/6754)) ([c4f3c2d](https://github.com/patternfly/patternfly-react/commit/c4f3c2d7f515e3d6ad73d8b52238ca426281469a))
+
+
+
+
+
+## 4.53.2 (2022-01-10)
+
+**Note:** Version bump only for package @patternfly/react-table
+
+
+
+
+
+## 4.53.1 (2022-01-10)
+
+**Note:** Version bump only for package @patternfly/react-table
+
+
+
+
+
+# 4.53.0 (2022-01-10)
+
+
+### Features
+
+* **Dropdown:** add plain-text variant support ([#6721](https://github.com/patternfly/patternfly-react/issues/6721)) ([e5000e3](https://github.com/patternfly/patternfly-react/commit/e5000e36194e36b9c6ae49efdb0a513125efcb70))
+
+
+
+
+
 ## 4.52.11 (2022-01-10)
 
 **Note:** Version bump only for package @patternfly/react-table

package/dist/esm/components/Table/SelectColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAYnE,CAAC"}
+{"version":3,"file":"SelectColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAcnE,CAAC"}

package/dist/esm/components/Table/SelectColumn.js

@@ -10,7 +10,8 @@ export const SelectColumn = (_a) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     className, onSelect = null, selectVariant } = _a, props = __rest(_a, ["children", "className", "onSelect", "selectVariant"]);
     return (React.createElement(React.Fragment, null,
-        React.createElement("input", Object.assign({}, props, { type: selectVariant, onChange: onSelect })),
+        React.createElement("label", null,
+            React.createElement("input", Object.assign({}, props, { type: selectVariant, onChange: onSelect }))),
         children));
 };
 SelectColumn.displayName = 'SelectColumn';

package/dist/esm/components/Table/SelectColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,yCAAqB,CAAA;AACvB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAUD,MAAM,CAAC,MAAM,YAAY,GAA+C,CAAC,EAOrD,EAAE,EAAE;QAPiD,EACvE,QAAQ,GAAG,IAAuB;IAClC,6DAA6D;IAC7D,SAAS,EACT,QAAQ,GAAG,IAA0D,EACrE,aAAa,OAEK,EADf,KAAK,cAN+D,sDAOxE,CADS;IACe,OAAA,CACvB,oBAAC,KAAK,CAAC,QAAQ;QACb,+CAAW,KAAK,IAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,IAAI;QAC5D,QAAQ,CACM,CAClB,CAAA;CAAA,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
+{"version":3,"file":"SelectColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,yCAAqB,CAAA;AACvB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAUD,MAAM,CAAC,MAAM,YAAY,GAA+C,CAAC,EAOrD,EAAE,EAAE;QAPiD,EACvE,QAAQ,GAAG,IAAuB;IAClC,6DAA6D;IAC7D,SAAS,EACT,QAAQ,GAAG,IAA0D,EACrE,aAAa,OAEK,EADf,KAAK,cAN+D,sDAOxE,CADS;IACe,OAAA,CACvB,oBAAC,KAAK,CAAC,QAAQ;QACb;YACE,+CAAW,KAAK,IAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,IAAI,CACvD;QACP,QAAQ,CACM,CAClB,CAAA;CAAA,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/js/components/Table/SelectColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAYnE,CAAC"}
+{"version":3,"file":"SelectColumn.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,oBAAY,gBAAgB;IAC1B,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,aAAa,CAAC,EAAE,gBAAgB,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAcnE,CAAC"}

package/dist/js/components/Table/SelectColumn.js

@@ -13,7 +13,8 @@ const SelectColumn = (_a) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     className, onSelect = null, selectVariant } = _a, props = tslib_1.__rest(_a, ["children", "className", "onSelect", "selectVariant"]);
     return (React.createElement(React.Fragment, null,
-        React.createElement("input", Object.assign({}, props, { type: selectVariant, onChange: onSelect })),
+        React.createElement("label", null,
+            React.createElement("input", Object.assign({}, props, { type: selectVariant, onChange: onSelect }))),
         children));
 };
 exports.SelectColumn = SelectColumn;

package/dist/js/components/Table/SelectColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,yCAAqB,CAAA;AACvB,CAAC,EAHW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAG3B;AAUM,MAAM,YAAY,GAA+C,CAAC,EAOrD,EAAE,EAAE;QAPiD,EACvE,QAAQ,GAAG,IAAuB;IAClC,6DAA6D;IAC7D,SAAS,EACT,QAAQ,GAAG,IAA0D,EACrE,aAAa,OAEK,EADf,KAAK,sBAN+D,sDAOxE,CADS;IACe,OAAA,CACvB,oBAAC,KAAK,CAAC,QAAQ;QACb,+CAAW,KAAK,IAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,IAAI;QAC5D,QAAQ,CACM,CAClB,CAAA;CAAA,CAAC;AAZW,QAAA,YAAY,gBAYvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
+{"version":3,"file":"SelectColumn.js","sourceRoot":"","sources":["../../../../src/components/Table/SelectColumn.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,mCAAe,CAAA;IACf,yCAAqB,CAAA;AACvB,CAAC,EAHW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAG3B;AAUM,MAAM,YAAY,GAA+C,CAAC,EAOrD,EAAE,EAAE;QAPiD,EACvE,QAAQ,GAAG,IAAuB;IAClC,6DAA6D;IAC7D,SAAS,EACT,QAAQ,GAAG,IAA0D,EACrE,aAAa,OAEK,EADf,KAAK,sBAN+D,sDAOxE,CADS;IACe,OAAA,CACvB,oBAAC,KAAK,CAAC,QAAQ;QACb;YACE,+CAAW,KAAK,IAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,IAAI,CACvD;QACP,QAAQ,CACM,CAClB,CAAA;CAAA,CAAC;AAdW,QAAA,YAAY,gBAcvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/umd/react-table.css

@@ -620,7 +620,7 @@
 .pf-c-table .pf-c-table__icon,
 .pf-c-table .pf-m-fit-content {
   --pf-c-table--cell--MinWidth: fit-content;
-  --pf-c-table--cell--MaxWidth: fit-content;
+  --pf-c-table--cell--MaxWidth: none;
   --pf-c-table--cell--Width: 1%;
   --pf-c-table--cell--Overflow: visible;
   --pf-c-table--cell--TextOverflow: clip;
@@ -4995,6 +4995,7 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-button__progress--width: calc(var(--pf-global--icon--FontSize--md) + var(--pf-global--spacer--sm));
   --pf-c-button__progress--Opacity: 0;
   --pf-c-button__progress--TranslateY: -50%;
+  --pf-c-button__progress--TranslateX: 0;
   --pf-c-button__progress--Top: 50%;
   --pf-c-button__progress--Left: var(--pf-global--spacer--md);
   --pf-c-button--m-progress--TransitionProperty: padding;
@@ -5003,6 +5004,9 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-button--m-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width) / 2);
   --pf-c-button--m-in-progress--PaddingRight: var(--pf-global--spacer--md);
   --pf-c-button--m-in-progress--PaddingLeft: calc(var(--pf-global--spacer--md) + var(--pf-c-button__progress--width));
+  --pf-c-button--m-in-progress--m-plain--Color: var(--pf-global--primary-color--100);
+  --pf-c-button--m-in-progress--m-plain__progress--Left: 50%;
+  --pf-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
   position: relative;
   display: inline-block;
   padding: var(--pf-c-button--PaddingTop) var(--pf-c-button--PaddingRight) var(--pf-c-button--PaddingBottom) var(--pf-c-button--PaddingLeft);
@@ -5350,11 +5354,21 @@ label.pf-c-check, .pf-c-check__label,
   transition: var(--pf-c-button--m-progress--TransitionProperty) var(--pf-c-button--m-progress--TransitionDuration);
 }
 
-.pf-c-button.pf-m-in-progress {
+.pf-c-button.pf-m-in-progress:not(.pf-m-plain) {
   --pf-c-button--PaddingRight: var(--pf-c-button--m-in-progress--PaddingRight);
   --pf-c-button--PaddingLeft: var(--pf-c-button--m-in-progress--PaddingLeft);
 }
 
+.pf-c-button.pf-m-in-progress.pf-m-plain {
+  --pf-c-button--m-plain--Color: var(--pf-c-button--m-in-progress--m-plain--Color);
+  --pf-c-button__progress--Left: var(--pf-c-button--m-in-progress--m-plain__progress--Left);
+  --pf-c-button__progress--TranslateX: var(--pf-c-button--m-in-progress--m-plain__progress--TranslateX);
+}
+
+.pf-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-c-button__progress) {
+  opacity: 0;
+}
+
 .pf-c-button__icon.pf-m-start {
   margin-right: var(--pf-c-button__icon--m-start--MarginRight);
 }
@@ -5368,7 +5382,7 @@ label.pf-c-check, .pf-c-check__label,
   top: var(--pf-c-button__progress--Top);
   left: var(--pf-c-button__progress--Left);
   line-height: 1;
-  transform: translateY(var(--pf-c-button__progress--TranslateY));
+  transform: translate(var(--pf-c-button__progress--TranslateX), var(--pf-c-button__progress--TranslateY));
 }
 
 .pf-c-button__progress .pf-c-spinner {

package/dist/umd/react-table.js

@@ -4037,9 +4037,9 @@
             }
         }
         render() {
-            const _a = this.props, { children, className, direction, dropdownItems, isOpen, isPlain, isGrouped, isFullHeight, 
+            const _a = this.props, { children, className, direction, dropdownItems, isOpen, isPlain, isText, isGrouped, isFullHeight, 
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            onSelect, position, toggle, autoFocus, menuAppendTo } = _a, props = __rest$1(_a, ["children", "className", "direction", "dropdownItems", "isOpen", "isPlain", "isGrouped", "isFullHeight", "onSelect", "position", "toggle", "autoFocus", "menuAppendTo"]);
+            onSelect, position, toggle, autoFocus, menuAppendTo } = _a, props = __rest$1(_a, ["children", "className", "direction", "dropdownItems", "isOpen", "isPlain", "isText", "isGrouped", "isFullHeight", "onSelect", "position", "toggle", "autoFocus", "menuAppendTo"]);
             const id = toggle.props.id || `pf-dropdown-toggle-id-${DropdownWithContext.currentId++}`;
             let component;
             let renderedContent;
@@ -4065,6 +4065,7 @@
                         isOpen,
                         id,
                         isPlain,
+                        isText,
                         'aria-haspopup': ariaHasPopup,
                         onEnter: () => {
                             this.onEnter();
@@ -4090,6 +4091,7 @@
         dropdownItems: [],
         isOpen: false,
         isPlain: false,
+        isText: false,
         isGrouped: false,
         position: DropdownPosition.left,
         direction: DropdownDirection.down,
@@ -4421,12 +4423,12 @@
             };
         }
         render() {
-            const _a = this.props, { className, children, isOpen, isDisabled, isPlain, isPrimary, isSplitButton, toggleVariant, onToggle, 'aria-haspopup': ariaHasPopup, 
+            const _a = this.props, { className, children, isOpen, isDisabled, isPlain, isText, isPrimary, isSplitButton, toggleVariant, onToggle, 'aria-haspopup': ariaHasPopup, 
             /* eslint-disable @typescript-eslint/no-unused-vars */
             isActive, bubbleEvent, onEnter, parentRef, getMenuRef, 
             /* eslint-enable @typescript-eslint/no-unused-vars */
-            id, type } = _a, props = __rest$1(_a, ["className", "children", "isOpen", "isDisabled", "isPlain", "isPrimary", "isSplitButton", "toggleVariant", "onToggle", 'aria-haspopup', "isActive", "bubbleEvent", "onEnter", "parentRef", "getMenuRef", "id", "type"]);
-            return (React__namespace.createElement(DropdownContext.Consumer, null, ({ toggleClass }) => (React__namespace.createElement("button", Object.assign({}, props, { id: id, ref: this.buttonRef, className: css(isSplitButton ? _default$e.dropdownToggleButton : toggleClass || _default$e.dropdownToggle, isActive && _default$e.modifiers.active, isPlain && _default$e.modifiers.plain, isPrimary && _default$e.modifiers.primary, buttonVariantStyles[toggleVariant], className), type: type || 'button', onClick: event => onToggle(!isOpen, event), "aria-expanded": isOpen, "aria-haspopup": ariaHasPopup, onKeyDown: event => this.onKeyDown(event), disabled: isDisabled }), children))));
+            id, type } = _a, props = __rest$1(_a, ["className", "children", "isOpen", "isDisabled", "isPlain", "isText", "isPrimary", "isSplitButton", "toggleVariant", "onToggle", 'aria-haspopup', "isActive", "bubbleEvent", "onEnter", "parentRef", "getMenuRef", "id", "type"]);
+            return (React__namespace.createElement(DropdownContext.Consumer, null, ({ toggleClass }) => (React__namespace.createElement("button", Object.assign({}, props, { id: id, ref: this.buttonRef, className: css(isSplitButton ? _default$e.dropdownToggleButton : toggleClass || _default$e.dropdownToggle, isActive && _default$e.modifiers.active, isPlain && _default$e.modifiers.plain, isText && _default$e.modifiers.text, isPrimary && _default$e.modifiers.primary, buttonVariantStyles[toggleVariant], className), type: type || 'button', onClick: event => onToggle(!isOpen, event), "aria-expanded": isOpen, "aria-haspopup": ariaHasPopup, onKeyDown: event => this.onKeyDown(event), disabled: isDisabled }), children))));
         }
     }
     Toggle.displayName = 'Toggle';
@@ -4436,6 +4438,7 @@
         isActive: false,
         isDisabled: false,
         isPlain: false,
+        isText: false,
         isPrimary: false,
         isSplitButton: false,
         onToggle: () => { },
@@ -7146,7 +7149,8 @@
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         className, onSelect = null, selectVariant } = _a, props = __rest$2(_a, ["children", "className", "onSelect", "selectVariant"]);
         return (React__namespace.createElement(React__namespace.Fragment, null,
-            React__namespace.createElement("input", Object.assign({}, props, { type: selectVariant, onChange: onSelect })),
+            React__namespace.createElement("label", null,
+                React__namespace.createElement("input", Object.assign({}, props, { type: selectVariant, onChange: onSelect }))),
             children));
     };
     SelectColumn.displayName = 'SelectColumn';