@patternfly/react-table 4.53.0 → 4.54.1

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.54.1 (2022-01-11)
+
+**Note:** Version bump only for package @patternfly/react-table
+
+
+
+
+
+# 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)
 
 

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

@@ -7149,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';

package/dist/umd/react-table.min.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 {