@patternfly/react-core 4.217.3 → 4.217.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "4.217.3",
+  "version": "4.217.4",
   "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.68.3",
-    "@patternfly/react-styles": "^4.67.3",
-    "@patternfly/react-tokens": "^4.69.3",
+    "@patternfly/react-icons": "^4.68.4",
+    "@patternfly/react-styles": "^4.67.4",
+    "@patternfly/react-tokens": "^4.69.4",
     "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": "cb169f61276aee6fc695408537310c10cfb5f1f0"
+  "gitHead": "ba782c2941a816480fc345e27ce9f15782a81298"
 }

package/src/components/Switch/Switch.tsx

@@ -12,12 +12,18 @@ export interface SwitchProps
   id?: string;
   /** Additional classes added to the switch */
   className?: string;
-  /** Text value for the label when on */
+  /** Text value for the visible label when on */
   label?: React.ReactNode;
-  /** Text value for the label when off */
+  /** Text value for the visible label when off */
   labelOff?: React.ReactNode;
-  /** Flag to show if the switch is checked. */
+  /** Flag to show if the switch is checked when it is controlled by React state.
+   * To make the switch uncontrolled instead use the defaultChecked prop, but do not use both.
+   */
   isChecked?: boolean;
+  /** Flag to set the default checked value of the switch when it is uncontrolled by React state.
+   * To make the switch controlled instead use the isChecked prop, but do not use both.
+   */
+  defaultChecked?: boolean;
   /** Flag to show if the switch has a check icon. */
   hasCheckIcon?: boolean;
   /** Flag to show if the switch is disabled. */
@@ -63,6 +69,7 @@ export class Switch extends React.Component<SwitchProps & OUIAProps, { ouiaState
       label,
       labelOff,
       isChecked,
+      defaultChecked,
       hasCheckIcon,
       isDisabled,
       onChange,
@@ -84,7 +91,8 @@ export class Switch extends React.Component<SwitchProps & OUIAProps, { ouiaState
           className={css(styles.switchInput)}
           type="checkbox"
           onChange={event => onChange(event.target.checked, event)}
-          checked={isChecked}
+          {...([true, false].includes(defaultChecked) && { defaultChecked })}
+          {...(![true, false].includes(defaultChecked) && { checked: isChecked })}
           disabled={isDisabled}
           aria-labelledby={isAriaLabelledBy ? `${this.id}-on` : null}
           {...props}

package/src/components/Switch/examples/Switch.md

@@ -171,24 +171,8 @@ import React from 'react';
 import { Switch } from '@patternfly/react-core';
 
 <React.Fragment>
-  <Switch
-    id="uncontrolled-switch-on"
-    aria-label="Message when on"
-    label="Message when on"
-    labelOff="Message when off"
-    isChecked
-  />
-  <br />
-  <Switch
-    id="uncontrolled-switch-off"
-    aria-label="Message when on"
-    label="Message when on"
-    labelOff="Message when off"
-    isChecked={false}
-  />
-  <br />
-  <Switch id="uncontrolled-no-label-switch-on" aria-label="Message when on" isChecked />
+  <Switch id="uncontrolled-switch-on" label="Message when on" labelOff="Message when off" defaultChecked={false} />
   <br />
-  <Switch id="uncontrolled-no-label-switch-off" aria-label="Message when on" isChecked={false} />
+  <Switch id="uncontrolled-no-label-switch-on" aria-label="Message when on" defaultChecked={true} />
 </React.Fragment>;
 ```