@patternfly/react-core 4.206.1 → 4.206.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "4.206.1",
+  "version": "4.206.2",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -34,9 +34,9 @@
     "generate": "node scripts/copyStyles.js"
   },
   "dependencies": {
-    "@patternfly/react-icons": "^4.57.1",
-    "@patternfly/react-styles": "^4.56.1",
-    "@patternfly/react-tokens": "^4.58.1",
+    "@patternfly/react-icons": "^4.57.2",
+    "@patternfly/react-styles": "^4.56.2",
+    "@patternfly/react-tokens": "^4.58.2",
     "focus-trap": "6.2.2",
     "react-dropzone": "9.0.0",
     "tippy.js": "5.1.2",
@@ -60,5 +60,5 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "b47ea7bc7c7009a62fdde9e22bd3ff74fc7b265a"
+  "gitHead": "34b80701a861cc4135122e08d7e890bab924e3f4"
 }

package/src/components/DataList/DataListCheck.tsx

@@ -9,14 +9,20 @@ export interface DataListCheckProps extends Omit<React.HTMLProps<HTMLInputElemen
   isValid?: boolean;
   /** Flag to show if the DataList checkbox is disabled */
   isDisabled?: boolean;
-  /** Flag to show if the DataList checkbox is checked when it is controlled by React state.
-   * To make the DataList checkbox uncontrolled, instead use the checked prop, but do not use both.
+  /** Flag to show if the DataList checkbox is checked when it is controlled by React state. Both isChecked and checked are valid,
+   * but only use one.
+   * To make the DataList checkbox uncontrolled, instead use the defaultChecked prop, but do not use both.
    */
   isChecked?: boolean;
+  /** Flag to show if the DataList checkbox is checked when it is controlled by React state. Both isChecked and checked are valid,
+   * but only use one.
+   * To make the DataList checkbox uncontrolled, instead use the defaultChecked prop, but do not use both.
+   */
+  checked?: boolean;
   /** Flag to set default value of DataList checkbox when it is uncontrolled by React state.
    * To make the DataList checkbox controlled, instead use the isChecked prop, but do not use both.
    */
-  checked?: boolean;
+  defaultChecked?: boolean;
   /** A callback for when the DataList checkbox selection changes */
   onChange?: (checked: boolean, event: React.FormEvent<HTMLInputElement>) => void;
   /** Aria-labelledby of the DataList checkbox */
@@ -33,6 +39,7 @@ export const DataListCheck: React.FunctionComponent<DataListCheckProps> = ({
   isDisabled = false,
   isChecked = null,
   checked = null,
+  defaultChecked,
   otherControls = false,
   ...props
 }: DataListCheckProps) => {
@@ -44,8 +51,8 @@ export const DataListCheck: React.FunctionComponent<DataListCheckProps> = ({
         onChange={event => onChange(event.currentTarget.checked, event)}
         aria-invalid={!isValid}
         disabled={isDisabled}
-        {...(checked !== null && { defaultChecked: checked })}
-        {...(isChecked !== null && { checked: isChecked })}
+        {...([true, false].includes(defaultChecked) && { defaultChecked })}
+        {...(![true, false].includes(defaultChecked) && { checked: isChecked || checked })}
       />
     </div>
   );