@sebgroup/green-react 1.0.1 → 1.0.3

package/index.d.ts

@@ -3,7 +3,7 @@ export * from './lib/layout';
 export * from './lib/card/card';
 export * from './lib/alert-ribbon/alert-ribbon';
 export * from './lib/form';
-export * from './lib/list/list';
+export * from './lib/list';
 export * from './lib/navbar/navbar';
 export * from './lib/link/link';
 export * from './lib/badge/badge';

package/index.esm.js

@@ -2454,7 +2454,14 @@ const RadioGroup = ({
   name,
   children
 }) => {
-  const [selected, setSelected] = React.useState(valueSelected !== null && valueSelected !== void 0 ? valueSelected : defaultSelected);
+  const [selected, setSelected] = useState(valueSelected !== null && valueSelected !== void 0 ? valueSelected : defaultSelected);
+  const [prevValueSelected, setPrevValueSelected] = useState(valueSelected);
+
+  if (valueSelected !== prevValueSelected) {
+    setSelected(valueSelected);
+    setPrevValueSelected(valueSelected);
+  }
+
   const validatorClassName = validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator);
 
   const handleOnChange = event => {
@@ -2465,7 +2472,7 @@ const RadioGroup = ({
     }
   };
 
-  const radioBtnRef = React.useRef(null);
+  const radioBtnRef = useRef(null);
   React.useEffect(() => {
     var _a;
 
@@ -2540,7 +2547,7 @@ const ListItem = _a => {
   }
 };
 
-const List = _a => {
+const List$1 = _a => {
   var {
     listType,
     tableCaption,
@@ -2579,6 +2586,46 @@ const List = _a => {
   }
 };
 
+const Label = ({
+  children
+}) => {
+  return jsx("dt", {
+    children: children
+  });
+};
+const Value = ({
+  children
+}) => {
+  return jsx("dd", {
+    children: children
+  });
+};
+const List = ({
+  children,
+  inverted
+}) => {
+  let classNames = 'gds-list';
+  if (inverted) classNames += ' gds-list--inverted';
+  return jsx("dl", Object.assign({
+    className: classNames
+  }, {
+    children: children
+  }));
+};
+var valueList = {
+  List,
+  Label,
+  Value
+};
+
+var valueList$1 = /*#__PURE__*/Object.freeze({
+	__proto__: null,
+	Label: Label,
+	Value: Value,
+	List: List,
+	'default': valueList
+});
+
 const Link = _a => {
   var {
     button,
@@ -3326,4 +3373,4 @@ const Datepicker = (options = {}) => {
   });
 };
 
-export { AlertRibbon as Alert, AlertRibbon, Badge, Button, ButtonGroup, Card, Checkbox, Datepicker, Dropdown, EmailInput, Flexbox, Form, FormItems, Group, Link, List, Modal, Navbar, NumberInput, Option, OptionGroup, RadioButton, RadioGroup, RenderInput, Select, Stepper, Text, TextInput };
+export { AlertRibbon as Alert, AlertRibbon, Badge, Button, ButtonGroup, Card, Checkbox, Datepicker, Dropdown, EmailInput, Flexbox, Form, FormItems, Group, Link, List$1 as List, Modal, Navbar, NumberInput, Option, OptionGroup, RadioButton, RadioGroup, RenderInput, Select, Stepper, Text, TextInput, valueList$1 as ValueList };

package/index.umd.js

@@ -2460,7 +2460,14 @@
 	  name,
 	  children
 	}) => {
-	  const [selected, setSelected] = React__default["default"].useState(valueSelected !== null && valueSelected !== void 0 ? valueSelected : defaultSelected);
+	  const [selected, setSelected] = React.useState(valueSelected !== null && valueSelected !== void 0 ? valueSelected : defaultSelected);
+	  const [prevValueSelected, setPrevValueSelected] = React.useState(valueSelected);
+
+	  if (valueSelected !== prevValueSelected) {
+	    setSelected(valueSelected);
+	    setPrevValueSelected(valueSelected);
+	  }
+
 	  const validatorClassName = extract.validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator);
 
 	  const handleOnChange = event => {
@@ -2471,7 +2478,7 @@
 	    }
 	  };
 
-	  const radioBtnRef = React__default["default"].useRef(null);
+	  const radioBtnRef = React.useRef(null);
 	  React__default["default"].useEffect(() => {
 	    var _a;
 
@@ -2546,7 +2553,7 @@
 	  }
 	};
 
-	const List = _a => {
+	const List$1 = _a => {
 	  var {
 	    listType,
 	    tableCaption,
@@ -2585,6 +2592,46 @@
 	  }
 	};
 
+	const Label = ({
+	  children
+	}) => {
+	  return jsxRuntime.jsx("dt", {
+	    children: children
+	  });
+	};
+	const Value = ({
+	  children
+	}) => {
+	  return jsxRuntime.jsx("dd", {
+	    children: children
+	  });
+	};
+	const List = ({
+	  children,
+	  inverted
+	}) => {
+	  let classNames = 'gds-list';
+	  if (inverted) classNames += ' gds-list--inverted';
+	  return jsxRuntime.jsx("dl", Object.assign({
+	    className: classNames
+	  }, {
+	    children: children
+	  }));
+	};
+	var valueList = {
+	  List,
+	  Label,
+	  Value
+	};
+
+	var valueList$1 = /*#__PURE__*/Object.freeze({
+		__proto__: null,
+		Label: Label,
+		Value: Value,
+		List: List,
+		'default': valueList
+	});
+
 	const Link = _a => {
 	  var {
 	    button,
@@ -3347,7 +3394,7 @@
 	exports.FormItems = FormItems;
 	exports.Group = Group;
 	exports.Link = Link;
-	exports.List = List;
+	exports.List = List$1;
 	exports.Modal = Modal;
 	exports.Navbar = Navbar;
 	exports.NumberInput = NumberInput;
@@ -3360,6 +3407,7 @@
 	exports.Stepper = Stepper;
 	exports.Text = Text;
 	exports.TextInput = TextInput;
+	exports.ValueList = valueList$1;
 
 	Object.defineProperty(exports, '__esModule', { value: true });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"