@vygruppen/spor-react 9.13.0 → 9.13.1

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@9.13.0 build
+> @vygruppen/spor-react@9.13.1 build
 > tsup src/index.tsx --dts --treeshake --format cjs,esm
 
 CLI Building entry: src/index.tsx
@@ -9,12 +9,12 @@
 CJS Build start
 ESM Build start
 DTS Build start
+CJS dist/index.js 526.31 KB
+CJS ⚡️ Build success in 2183ms
 ESM dist/index.mjs                      2.19 KB
-ESM dist/CountryCodeSelect-MMRSNFMQ.mjs 1.19 KB
-ESM dist/chunk-KJYJYQBK.mjs             413.29 KB
-ESM ⚡️ Build success in 2283ms
-CJS dist/index.js 526.21 KB
-CJS ⚡️ Build success in 2284ms
-DTS ⚡️ Build success in 13890ms
-DTS dist/index.d.ts  343.67 KB
-DTS dist/index.d.mts 343.67 KB
+ESM dist/CountryCodeSelect-XKJDLCJZ.mjs 1.19 KB
+ESM dist/chunk-NMEIV2NI.mjs             413.37 KB
+ESM ⚡️ Build success in 2183ms
+DTS ⚡️ Build success in 13025ms
+DTS dist/index.d.ts  343.71 KB
+DTS dist/index.d.mts 343.71 KB

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @vygruppen/spor-react
 
+## 9.13.1
+
+### Patch Changes
+
+- 366d1f9: Adds onChange and fixes bug on RadioCard
+
 ## 9.13.0
 
 ### Minor Changes

package/dist/{CountryCodeSelect-MMRSNFMQ.mjs → CountryCodeSelect-XKJDLCJZ.mjs}

@@ -1,4 +1,4 @@
-import { createTexts, useTranslation, InfoSelect, Item } from './chunk-KJYJYQBK.mjs';
+import { createTexts, useTranslation, InfoSelect, Item } from './chunk-NMEIV2NI.mjs';
 import React from 'react';
 import { getSupportedCallingCodes } from 'awesome-phonenumber';
 

package/dist/{chunk-KJYJYQBK.mjs → chunk-NMEIV2NI.mjs}

@@ -1758,7 +1758,7 @@ var texts4 = createTexts({
     sv: "Landskod"
   }
 });
-var LazyCountryCodeSelect = React87__default.lazy(() => import('./CountryCodeSelect-MMRSNFMQ.mjs'));
+var LazyCountryCodeSelect = React87__default.lazy(() => import('./CountryCodeSelect-XKJDLCJZ.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React87__default.createElement(Radio$1, { ...props, ref });
 });
@@ -1902,6 +1902,7 @@ var RadioCardGroup = ({
   direction: direction2 = "row",
   groupLabel,
   defaultValue,
+  onChange,
   ...props
 }) => {
   const [selectedValue, setSelectedValue] = useState(
@@ -1909,6 +1910,7 @@ var RadioCardGroup = ({
   );
   const handleChange = (value) => {
     setSelectedValue(value);
+    onChange && onChange(value);
   };
   return /* @__PURE__ */ React87__default.createElement(
     RadioCardGroupContext.Provider,
@@ -1961,7 +1963,9 @@ var RadioCard = forwardRef(
       }
       if (event.key === "ArrowRight" || event.key === "ArrowDown" || event.key === "ArrowLeft" || event.key === "ArrowUp") {
         const nextRadioCard = event.currentTarget.nextElementSibling;
-        nextRadioCard.focus();
+        if (nextRadioCard) {
+          nextRadioCard.focus();
+        }
       }
     };
     return /* @__PURE__ */ React87__default.createElement(Box, { as: "label", "aria-label": String(children), onKeyDown: handleKeyDown }, /* @__PURE__ */ React87__default.createElement(

package/dist/index.d.mts

@@ -118,6 +118,7 @@ type RadioCardGroupProps = BoxProps & {
     direction?: "row" | "column";
     groupLabel?: string;
     defaultValue?: string;
+    onChange?: (value: string) => void;
 };
 declare const RadioCardGroup: React.FC<RadioCardGroupProps>;
 

package/dist/index.d.ts

@@ -118,6 +118,7 @@ type RadioCardGroupProps = BoxProps & {
     direction?: "row" | "column";
     groupLabel?: string;
     defaultValue?: string;
+    onChange?: (value: string) => void;
 };
 declare const RadioCardGroup: React.FC<RadioCardGroupProps>;
 

package/dist/index.js

@@ -2170,6 +2170,7 @@ var init_RadioCardGroup = __esm({
       direction: direction2 = "row",
       groupLabel,
       defaultValue,
+      onChange,
       ...props
     }) => {
       const [selectedValue, setSelectedValue] = React88.useState(
@@ -2177,6 +2178,7 @@ var init_RadioCardGroup = __esm({
       );
       const handleChange = (value) => {
         setSelectedValue(value);
+        onChange && onChange(value);
       };
       return /* @__PURE__ */ React88__namespace.default.createElement(
         exports.RadioCardGroupContext.Provider,
@@ -2233,7 +2235,9 @@ var init_RadioCard = __esm({
           }
           if (event.key === "ArrowRight" || event.key === "ArrowDown" || event.key === "ArrowLeft" || event.key === "ArrowUp") {
             const nextRadioCard = event.currentTarget.nextElementSibling;
-            nextRadioCard.focus();
+            if (nextRadioCard) {
+              nextRadioCard.focus();
+            }
           }
         };
         return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { as: "label", "aria-label": String(children), onKeyDown: handleKeyDown }, /* @__PURE__ */ React88__namespace.default.createElement(

package/dist/index.mjs

@@ -1 +1 @@
-export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AttachedInputs, Badge, Box, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, Card, CardSelect, Center, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, Collapse, ColorInlineLoader, ColorSpinner, Combobox, Container, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkMode, DarkSpinner, DatePicker, DateRangePicker, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, ModalHeader as DrawerHeader, DrawerOverlay, Expandable, ExpandableAlert, ExpandableItem, Fade, Flex, FloatingActionButton, FormControl, FormErrorMessage, FormHelperText, FormLabel, FullScreenDrawer, Grid, GridItem, HStack, Heading, IconButton, Image, Img, InfoSelect, InfoTag, Input, InputGroup, InputLeftElement, InputRightElement, Item, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightMode, LightSpinner, LineIcon, ListBox, ListItem, Modal, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalOverlay, NativeSelect, Nudge, NumericStepper, OrderedList, Pagination, PasswordInput, PhoneNumberInput, PlayPauseButton, Portal, PressableCard, PrideProvider, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardGroupContext, RadioGroup, ScaleFade, SearchInput, Section, SimpleDrawer, SimpleGrid, Skeleton, SkeletonCircle, SkeletonText, SkipButton, Slide, SlideFade, Spacer, SporProvider, Stack, StaticAlert, StaticCard, Stepper, StepperStep, Switch, Tab, TabList, TabPanel, TabPanels, Table, TableCaption, Tabs, Tbody, Td, Text, TextLink, Textarea, Tfoot, Th, Thead, Time, TimePicker, TogglePride, Tooltip, Tr, TravelTag, UnorderedList, VStack, VyLogo, VyLogoDefault, VyLogoPride, WizardNudge, Wrap, WrapItem, brandTheme, createTexts, defineStyleConfig, extendTheme, fontFaces, slugify, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, usePride, useSize, useTheme, useToast, useToken, useTranslation } from './chunk-KJYJYQBK.mjs';
+export { Accordion, AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AttachedInputs, Badge, Box, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, Card, CardSelect, Center, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, Collapse, ColorInlineLoader, ColorSpinner, Combobox, Container, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkMode, DarkSpinner, DatePicker, DateRangePicker, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerFooter, ModalHeader as DrawerHeader, DrawerOverlay, Expandable, ExpandableAlert, ExpandableItem, Fade, Flex, FloatingActionButton, FormControl, FormErrorMessage, FormHelperText, FormLabel, FullScreenDrawer, Grid, GridItem, HStack, Heading, IconButton, Image, Img, InfoSelect, InfoTag, Input, InputGroup, InputLeftElement, InputRightElement, Item, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightMode, LightSpinner, LineIcon, ListBox, ListItem, Modal, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalOverlay, NativeSelect, Nudge, NumericStepper, OrderedList, Pagination, PasswordInput, PhoneNumberInput, PlayPauseButton, Portal, PressableCard, PrideProvider, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardGroupContext, RadioGroup, ScaleFade, SearchInput, Section, SimpleDrawer, SimpleGrid, Skeleton, SkeletonCircle, SkeletonText, SkipButton, Slide, SlideFade, Spacer, SporProvider, Stack, StaticAlert, StaticCard, Stepper, StepperStep, Switch, Tab, TabList, TabPanel, TabPanels, Table, TableCaption, Tabs, Tbody, Td, Text, TextLink, Textarea, Tfoot, Th, Thead, Time, TimePicker, TogglePride, Tooltip, Tr, TravelTag, UnorderedList, VStack, VyLogo, VyLogoDefault, VyLogoPride, WizardNudge, Wrap, WrapItem, brandTheme, createTexts, defineStyleConfig, extendTheme, fontFaces, slugify, theme, tokens, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, usePride, useSize, useTheme, useToast, useToken, useTranslation } from './chunk-NMEIV2NI.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vygruppen/spor-react",
-  "version": "9.13.0",
+  "version": "9.13.1",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",

package/src/layout/RadioCard.tsx

@@ -73,7 +73,9 @@ export const RadioCard = forwardRef(
       ) {
         const nextRadioCard = event.currentTarget
           .nextElementSibling as HTMLElement;
-        nextRadioCard.focus();
+        if (nextRadioCard) {
+          nextRadioCard.focus();
+        }
       }
     };
 

package/src/layout/RadioCardGroup.tsx

@@ -27,6 +27,7 @@ type RadioCardGroupProps = BoxProps & {
   direction?: "row" | "column";
   groupLabel?: string;
   defaultValue?: string;
+  onChange?: (value: string) => void;
 };
 
 export const RadioCardGroup: React.FC<RadioCardGroupProps> = ({
@@ -36,6 +37,7 @@ export const RadioCardGroup: React.FC<RadioCardGroupProps> = ({
   direction = "row",
   groupLabel,
   defaultValue,
+  onChange,
   ...props
 }: RadioCardGroupProps) => {
   const [selectedValue, setSelectedValue] = useState<string>(
@@ -44,6 +46,7 @@ export const RadioCardGroup: React.FC<RadioCardGroupProps> = ({
 
   const handleChange = (value: string) => {
     setSelectedValue(value);
+    onChange && onChange(value);
   };
 
   return (