@sebgroup/green-react 3.5.1 → 3.5.3

package/index.esm.js

@@ -4027,8 +4027,8 @@ const Input = _a => {
   const showSimpleInput = !label && !info && !expandableInfo;
   const describedBy = classNames(ariaDescribedBy, {
     [`${uuid}_group-message`]: !showSimpleInput && (validator === null || validator === void 0 ? void 0 : validator.message) !== undefined && validator.message.length > 0,
-    [`gds-expandable-info-${uuid}`]: !showSimpleInput && expandableInfo,
-    [`${uuid}_info`]: !showSimpleInput && info
+    [`${uuid}_info`]: !showSimpleInput && info,
+    [`gds-expandable-info-${uuid}`]: !showSimpleInput && expandableInfo
   });
   const inputClassName = classNames(className, {
     [validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator)]: validator
@@ -4178,6 +4178,7 @@ const RadioGroup = ({
   const [selected, setSelected] = useState(valueSelected !== null && valueSelected !== void 0 ? valueSelected : defaultSelected);
   const [prevValueSelected, setPrevValueSelected] = useState(valueSelected);
   const [name] = useState(propName);
+  const [uniqueId] = useState(randomId());
   if (valueSelected !== prevValueSelected) {
     setSelected(valueSelected);
     setPrevValueSelected(valueSelected);
@@ -4218,12 +4219,20 @@ const RadioGroup = ({
   const radioGroupWrapperClassNames = classNames('gds-radio-group-wrapper', {
     'gds-radio-group-wrapper--horizontal': horizontal
   });
+  const describedBy = classNames({
+    [`${uniqueId}_message`]: (validator === null || validator === void 0 ? void 0 : validator.message) !== undefined && validator.message.length > 0,
+    [`${uniqueId}_info`]: labelInformation,
+    [`gds-expandable-info-${uniqueId}`]: expandableInfo
+  });
   return jsx(FormItem, Object.assign({}, formItemProps, {
+    inputId: uniqueId
+  }, {
     children: jsx("div", Object.assign({
       className: radioGroupWrapperClassNames
     }, {
       children: React.Children.map(children, radioButton => {
         return /*#__PURE__*/React.isValidElement(radioButton) ? /*#__PURE__*/React.cloneElement(radioButton, {
+          "aria-describedby": describedBy,
           validator: validator,
           onChange: handleOnChange,
           checked: selected === radioButton.props.value,
@@ -4508,6 +4517,10 @@ const List$1 = _a => {
   }
 };
 
+/**
+ * @deprecated
+ * Use `GroupedList` instead.
+ */
 const Label = ({
   children
 }) => {
@@ -4515,6 +4528,10 @@ const Label = ({
     children: children
   });
 };
+/**
+ * @deprecated
+ * Use `GroupedList` instead.
+ */
 const Value = ({
   children
 }) => {
@@ -4522,6 +4539,10 @@ const Value = ({
     children: children
   });
 };
+/**
+ * @deprecated
+ * Use `GroupedList` instead.
+ */
 const List = ({
   children,
   inverted
@@ -4534,6 +4555,10 @@ const List = ({
     children: children
   }));
 };
+/**
+ * @deprecated
+ * Use `GroupedList` instead.
+ */
 var valueList = {
   List,
   Label,
@@ -4637,9 +4662,9 @@ const Select = /*#__PURE__*/React.forwardRef((_a, ref) => {
     [`${validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator)}`]: validator
   });
   const describedBy = classNames(ariaDescribedBy, {
-    [`${uuid}_info`]: info,
-    [`gds-expandable-info-${uuid}`]: expandableInfo,
-    [`${uuid}_message`]: (validator === null || validator === void 0 ? void 0 : validator.message) !== undefined && validator.message.length > 0
+    [`${uuid}_message`]: (validator === null || validator === void 0 ? void 0 : validator.message) !== undefined && validator.message.length > 0,
+    [`${uuid}_info`]: info || props.labelInformation,
+    [`gds-expandable-info-${uuid}`]: expandableInfo
   });
   return jsx(FormItem, Object.assign({
     label: label,
@@ -6506,4 +6531,4 @@ const Table = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef((_a, ref) =
   }));
 }));
 
-export { Accordion, AlertRibbon as Alert, AlertRibbon, Badge, Button, ButtonGroup, Card, Checkbox, ContextMenu, CoreDatepicker, CoreDropdown, CoreMenuHeading, CoreOption, Datepicker, Dropdown, EmailInput, Flexbox, Form, FormContext, FormItem, FormItems, FormProvider, Group, GroupedList, IconButton, InPageWizardStepCard, Input, Link, List$1 as List, ListItem, MenuItem, Modal, Navbar, NumberInput, Option, OptionGroup, RadioButton, RadioGroup, Select, Slider, SortDirection, Stepper, Tab, Table, TableBody, TableCell, TableContext, TableHeader, TableHeaderCell, TableRow, Tabs, Text, TextArea, TextInput, valueList$1 as ValueList, filterArrayByColumns, onRowSelect, paginate, searchTextByColumns, sortArray, sumCols, useFormContext, useTableContext };
+export { Accordion, AlertRibbon as Alert, AlertRibbon, Badge, Button, ButtonGroup, Card, Checkbox, ContextMenu, CoreDatepicker, CoreDropdown, CoreMenuHeading, CoreOption, Datepicker, Dropdown, EmailInput, Flexbox, Form, FormItem, FormItems, Group, GroupedList, IconButton, InPageWizardStepCard, Input, Link, List$1 as List, ListItem, MenuItem, Modal, Navbar, NumberInput, Option, OptionGroup, RadioButton, RadioGroup, Select, Slider, SortDirection, Stepper, Tab, Table, TableBody, TableCell, TableContext, TableHeader, TableHeaderCell, TableRow, Tabs, Text, TextArea, TextInput, valueList$1 as ValueList, filterArrayByColumns, onRowSelect, paginate, searchTextByColumns, sortArray, sumCols, useTableContext };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "3.5.1",
+  "version": "3.5.3",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/green-core": "^1.10.0",
-    "@sebgroup/chlorophyll": "^3.1.1",
+    "@sebgroup/green-core": "^1.11.0",
+    "@sebgroup/chlorophyll": "^3.3.1",
     "@sebgroup/extract": "^3.0.1",
     "@lit/react": "^1.0.2",
     "classnames": "^2.3.2"

package/src/lib/form/index.d.ts

@@ -10,4 +10,3 @@ export * from './text/text';
 export * from './radioButton/radioButton';
 export * from './radioButton/radioGroup';
 export * from './textarea/textarea';
-export * from './formContext';

package/src/lib/list/valueList.d.ts

@@ -6,9 +6,25 @@ interface ValueListProps {
 interface ValueListItemProps {
     children: string;
 }
+/**
+ * @deprecated
+ * Use `GroupedList` instead.
+ */
 export declare const Label: ({ children }: ValueListItemProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated
+ * Use `GroupedList` instead.
+ */
 export declare const Value: ({ children }: ValueListItemProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated
+ * Use `GroupedList` instead.
+ */
 export declare const List: ({ children, inverted }: ValueListProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated
+ * Use `GroupedList` instead.
+ */
 declare const _default: {
     List: ({ children, inverted }: ValueListProps) => import("react/jsx-runtime").JSX.Element;
     Label: ({ children }: ValueListItemProps) => import("react/jsx-runtime").JSX.Element;